body {
    background: #fff;
    text-align: left;
    font-family: 'Open Sans', arial, sans-serif;    
    line-height: 22px;
    font-size: 14px;
    color: #666;
    overflow-x: hidden;
    overflow-y: auto;
    padding-top: 64px;
    /*-webkit-zoom: 90%;*/
    /*zoom:90%;*/
    /*scale:.9;*/
    /*-moz-transform: scale(.9);*/
    /*-moz-transform-origin: 0 0;*/

}

body.pe-header-transparent {
    padding-top: 0
}
html.boxed body,
body.boxed {
    background-color: #eee
}
html.boxed .site-wrapper,
body.boxed .site-wrapper {
    max-width: 980px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff
}


#contact_message { margin: 10px 0; padding: 0; max-width:400px;}
#contact_message .error_message { display: block; line-height: 22px; background: #FBE3E4; padding: 3px 10px 3px 35px; color:#8a1f11;border: 1px solid #FBC2C4;}

html.boxed .site-body,
body.boxed .site-body {
    position: relative
}
.site-body {
    padding-top: 64px;
    padding-bottom: 64px
}
.page-template-page_builder-php .site-body {
    padding-bottom: 0
}
.page-template-page_builder-php .site-body {
    padding-top: 0
}
.page-template-page_builder-php .page-title {
    margin-top: 64px
}
.pe-header-transparent .site-body {
    padding-top: 0
}
h1,
h2,
h3,
h4,
h5,
h6 {
    
    margin: 0
}
h1 {
    color: #333;
    font-size: 34px;
    line-height: 34px;
    font-weight: 600;
    letter-spacing: -1px;
    margin-bottom: 45px
}
h2 {
    color: #666;
    font-size: 26px;
    line-height: 36px;
    font-weight: 400
}
.carouselBox h2 {
    font-size: 24px;
    line-height: 26px
}
h3 {
    color: #999;
    font-size: 22px;
    font-weight: 400;
    margin-bottom: 30px;
    line-height: 24px
}
.sidebar h3 {
    margin-bottom: 20px;
    font-size: 14px;
    color: #222
}
footer h3 {
    color: #828282;
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 30px
}
h3 a {
    color: #333
}
.desktop h3 a:hover {
    color: #1fbba6
}
h4 {
    font-size: 20px;
    text-align: center;
    font-weight: 300;
    line-height: 26px;
    color: #666
}
h5 {
    font-weight: 300;
    font-size: 16px;
    color: #666;
    text-transform: none;
    margin-bottom: 15px
}
h6 {
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    color: #999;
    margin-bottom: 15px
}



.row-fluid.navheader{
    height:60px !important;
}

.navheader .span12{
    height:60px !important;
}
.subtitle {
    display: block;
    font-weight: 300;
    font-size: 22px;
    line-height: 30px;
    color: #ebebeb;
    
}
.caption {
    font-size: 42px;
    font-weight: 300;
    color: #fff;
    line-height: 52px
}
.accent {
    color: #1fbba6
}
p {
    color: #030303;
    margin-bottom: 30px
}
.page-title {
    margin-bottom: 0;
    font-size: 12px;
    color: #aaa;
    line-height: 20px
}
.page-title h2,
.page-title h1,
section>h2 {
    color: #444;
    font-size: 30px;
    font-weight: 300;
    text-align: center;
    line-height: 26px;
    margin-bottom: 15px;
    letter-spacing: 1px
}
section>h2 {
    margin-bottom: 45px
}
.page-title h2:after,
.page-title h1:after,
section>h2:after {
    display: block;
    /*content: "";*/
    height: 1px;
    width: 40px;
    /*background-color: #ccc;*/
    /*margin: 20px auto 30px*/
}
p.intro {
    color: #333;
    font-size: 14px;
    line-height: 22px;
    font-weight: 400
}
p.intro.large {
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    color: #666
}
a {
    /*color: #e44525;*/
    /*color: #52B1C6;*/
    text-decoration: none;
    -webkit-transition: color, background-color, border-color .3s ease-out;
    -moz-transition: color, background-color, border-color .3s ease-out;
    -o-transition: color, background-color, border-color .3s ease-out;
    transition: color, background-color, border-color .3s ease-out
}
.desktop a:hover {
    color: #000;
    text-decoration: none
}
.desktop a.btn-inverse:hover {
    color: #eee
}
.desktop .info-bar a:hover,
.desktop .foot-lower a:hover {
    color: #fff
}
.small {
    color: #acacac;
    font-size: 11px;
    font-weight: 300
}
b {
    font-weight: 700
}
em {
    color: #444;
    font-weight: 400;
    font-style: normal!important
}
blockquote,
blockquote>p {
    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    color: #888
}
cite {
    margin-left: 0;
    color: #333;
    font-size: 12px;
    margin-top: 12px;
    display: block
}
.pe-style-dark cite {
    color: #eee
}
cite .accent {
    margin-left: 10px
}
a.read-more {
    color: #1fbba6;
    font-size: 12px;
    line-height: 26px;
    font-weight: 400;
    text-transform: uppercase;
    display: block;
    height: 26px;
    width: 150px
}
.desktop a.read-more:hover {
    color: #333
}


p>a.read-more {
    display: block;
    margin-top: 20px
}
a.more-link {
    color: #1fbba6;
    font-weight: 400;
    font-size: 11px;
    text-transform: uppercase
}
.desktop a.more-link:hover {
    color: #333
}
p>a.more-link {
    display: block;
    margin-top: 10px
}
.light {
    font-size: 12px;
    color: #acacac
}
.contour-btn {
    font-size: 12px;
    line-height: 26px;
    font-weight: 400;
    display: inline-block;
    color: #666;
    border: 2px solid #eee;
    padding: 5px 25px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.contour-btn {
    color: #fff;
    background-color: #52B1C6;
    /*background-color: #e44525;*/
    border-color: #52B1C6;
    /*border-color: #e44525;*/
}
.contour-btn.grey {
    color: #fff;
    background-color: #aeaeae;
    border-color: #aeaeae
}
.desktop .contour-btn.grey:hover,
.desktop .contour-btn:hover {
    background-color: #232323;
    border-color: #232323;
    color: #fff
}
.desktop .pe-style-dark .contour-btn:hover {
    background-color: #fff;
    border-color: #fff;
    color: #333
}
*:focus {
    outline: 0
}
a:focus,
a:active,
input:focus,
input:active,
input[type=submit]:active,
input[type=radio]:active {
    outline: 0;
    -moz-outline-style: none
}
button::-moz-focus-inner,
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="radio"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"]>input[type="button"]::-moz-focus-inner {
    border: 0
}
input,
button,
select,
textarea {
    
}
input[type="text"],
input[type="password"],
textarea,
select {
    border-radius: 0;
    -webkit-border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
input[type="text"]:focus,
input[type="password"]:focus {
    box-shadow: none;
    -webkit-box-shadow: none
}
label,
input,
button,
select,
textarea {
    font-size: 12px
}
::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #f00!important
}
ul {
    list-style: none;
    margin: 0;
    padding: 0
}
li {
    padding: 0;
    margin: 0
}
.bullet li:before {
    margin-top: 5px;
    content: '\e75e';
    font-family: 'entypo-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    line-height: 1em;
    font-size: 120%
}
.inner-spacer-left {
    margin-left: 20px
}
.inner-spacer-left-lrg {
    margin-left: 50px
}
.inner-spacer-right {
    margin-right: 20px
}
.inner-spacer-right-lrg {
    margin-right: 50px
}
.outline-btn {
    font-weight: 700;
    font-size: 12px;
    padding: 10px 25px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.8);
    margin: 0 15px;
    line-height: 12px;
    display: inline-block
}
.desktop .outline-btn:hover {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #333
}
.ie8 .outline-btn {
    border: 2px solid #444;
    color: #333
}
.ie8 .outline-btn:hover {
    border-color: #333;
    color: #333
}
.pe-style-dark .outline-btn {
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.8)
}
.desktop .pe-style-dark .outline-btn:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff
}
.ie8 .pe-style-dark .outline-btn {
    border: 2px solid #f6f6f6;
    color: #fff
}
.ie8 .pe-style-dark .outline-btn:hover {
    border-color: #fff;
    color: #fff
}
.sm-icon-wrap {
    overflow: hidden;
    margin-bottom: 5px
}
.sm-icon-wrap a {
    width: 24px;
    height: 30px;
    font-size: 22px;
    line-height: 24px;
    color: #888;
    display: block;
    float: right;
    margin-right: 2px;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}
.desktop .sm-icon-wrap a:hover {
    color: #1fbba6
}
header {
    position: static;
    overflow: visible;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.logo {
    position: absolute;
    top: 0;
    left: 72px;
    z-index: 2001;
    display: block;
    margin: 0;
    transform: translateY(0px);
    -ms-transform: translateY(0px);
    -webkit-transform: translateY(0px);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.pe-header-transparent .pe-menu-sticky {
    background-color: rgba(255, 255, 255, 0);
    box-shadow: none;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0)
}
.pe-header-transparent.pe-header-scrolled .pe-menu-sticky {
    background-color: rgba(255, 255, 255, 1);
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    -webkit-transition: opacity .2s ease-out .2s;
    -moz-transition: opacity .2s ease-out .2s;
    -o-transition: opacity .2s ease-out .2s;
    transition: opacity .2s ease-out .2s;
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100)
}
.ie8 .pe-header-transparent .pe-menu-sticky {
    background-color: transparent
}
.ie8 .pe-header-transparent.pe-header-scrolled .pe-menu-sticky {
    background-color: #fff;
    border-bottom: 1px solid #eee
}
.pe-header-transparent.pe-header-scrolled .pe-menu-main {
    -webkit-transition: padding-top .2s ease-out;
    -moz-transition: padding-top .2s ease-out;
    -o-transition: padding-top .2s ease-out;
    transition: padding-top .2s ease-out
}
.pe-menu>li>a {
    padding-bottom: 14px
}
.pe-header-transparent .pe-menu>li>a {
    color: #fff
}
.pe-header-transparent.pe-header-scrolled .pe-menu>li>a {
    padding-bottom: 10px;
    color: #444;
    font-size: 14px;
    -webkit-transition: all .2s ease-out .2s;
    -moz-transition: all .2s ease-out .2s;
    -o-transition: all .2s ease-out .2s;
    transition: all .2s ease-out .2s
}
.desktop .pe-menu>li>a:hover,
.pe-menu>li.active>a {
    color: #444
}
.desktop .pe-header-transparent .pe-menu>li>a:hover,
.pe-header-transparent .pe-menu>li.active>a {
    color: #fff
}


header,
.pe-menu-sticky header>div {
    height: 64px;
}
.pe-menu-sticky {
    position: absolute;
    background-color: #fff;
    /*box-shadow: ;*/
    top: 0;
    z-index: 2000;
    width: 100%
}
.desktop .pe-menu-sticky {
    position: fixed
}
.ie8 .sticky-header .pe-menu-sticky.pe-animated .pe-container {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.ie8 .sticky-header .pe-menu-sticky.pe-menu-over .pe-container {
    margin-top: 0!important
}
.ie8 .sticky-header .pe-menu-sticky {
    position: fixed;
    top: 0;
    z-index: 2000
}
.ie8 .pe-header-transparent.pe-header-scrolled .pe-menu>li>a:hover,
.ie8 .pe-header-transparent.pe-header-scrolled .pe-menu>li.active>a {
    color: #444
}
.pe-menu-sticky {
    background-color: #fff;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1)
}
.pe-menu-main {
    padding-top: 22px !important;
    padding-right: 10px;
    float: right;
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .2s ease-out;
    -moz-transition: opacity .2s ease-out;
    -o-transition: opacity .2s ease-out;
    transition: opacity .2s ease-out
}
.pe-menu>li {
    margin-left: 25px;
    padding-bottom: 5px
}
.pe-main-section {
    padding-top: 60px;
    background-color: #fff;
    background-repeat: no-repeat;
}
.pe-main-section.pe-splash-section {
    padding: 0;
    background: transparent
}
.pe-splash-section .peWrap {
    position: fixed;
    z-index: -1
}
.ie8 .pe-splash-section .peWrap,
.mobile .pe-splash-section .peWrap {
    position: relative;
    z-index: 1
}
.caption-wrap {
    width: 100%;
    height: auto;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2
}
.caption {
    text-align: center;
    width: 900px;
    margin: 0 auto;
    margin-top: 120px
}
.action h2 {
    font-weight: 600
}
.action h3 {
    color: #1fbba6
}
.action .contour-btn,
.action .outline-btn {
    margin: 0 15px
}
.action p {
    text-align: center
}
.process {
    padding: 0;
    position: relative
}
.process>div>div>div {
    padding: 0 20px 30px;
    background-color: #f6f6f6;
    text-align: center
}
.desktop .process>div>div>div:hover .process-icon span {
    background-color: #333
}
.process>div>div>div>ul,
.process>div>div>div p {
    text-align: left
}
.process .process-icon {
    padding: 4px 0;
    margin: 40px 0 0;
    line-height: 24px;
    text-align: center;
    position: relative;
    top: -35px
}
.process .process-icon>span>i:before {
    line-height: 25px
}
.process .process-icon>span {
    padding: 20px;
    font-size: 20px;
    color: #fff;
    background-color: #1fbba6;
    border-radius: 50%;
    display: inline-block;
    height: 24px;
    width: 24px;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}
.process h4 {
    margin-bottom: 15px;
    position: relative;
    top: -15px;
    font-weight: 600
}
.process i {
    width: 100%;
    height: 100%;
    margin: 0
}
.process ul {
    margin-bottom: 30px
}
.process li {
    padding: 10px 0 10px 20px;
    border-bottom: 1px solid #eaeaea;
    color: #888;
    font-size: 13px
}
.process ul li:last-child {
    border-bottom: 0
}
.process li:before {
    margin-top: 5px;
    float: left;
    margin-left: -20px;
    content: '\e762';
    font-family: 'entypo-icon-font';
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    margin-right: 1em;
    text-align: center;
    line-height: 1em;
    font-size: 100%;
    color: #ccc
}
.process>div>div>div .read-more {
    display: inline-block;
    font-weight: 600;
    font-size: 12px;
    padding: 10px 25px;
    border: 2px solid rgba(0, 0, 0, 0.1);
    color: #1fbba6;
    margin: 0 15px;
    line-height: 12px;
    width: auto;
    height: auto
}
.process>div>div>div .read-more:hover {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #333
}
.pe-style-dark .process>div>div>div {
    background-color: #444
}
.pe-style-dark .process>div>div>div .read-more {
    border: 2px solid rgba(255, 255, 255, 0.3)
}
.pe-style-dark .process>div>div>div .read-more:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff
}
.desktop .pe-style-dark .process>div>div>div:hover .process-icon span {
    background-color: #888
}
.pe-style-dark .process li {
    border-bottom: 1px solid #555;
    color: #ddd
}
.pe-style-dark .process li:before {
    color: #888
}
.pe-view-layout-class-feature h5 {
    color: #1fbba6;
    font-size: 24px;
    font-weight: 300;
    line-height: 26px
}
.pe-view-layout-class-feature .pe-layout-bottom h5 {
    text-align: center
}
.pe-view-layout-class-feature .pe-layout-bottom .pe-wp-default {
    text-align: center;
    width: 80%;
    margin: 0 auto
}
.pe-view-layout-class-feature .pe-layout-bottom .pe-button {
    text-align: center
}
.pe-view-layout-class-feature .pe-button a {
    font-weight: 700;
    font-size: 11px;
    padding: 10px 25px;
    border: 2px solid rgba(0, 0, 0, 0.3);
    color: rgba(0, 0, 0, 0.6);
    margin: 0;
    line-height: 12px;
    display: inline-block
}
.desktop .pe-view-layout-class-feature .pe-button a:hover {
    border-color: rgba(0, 0, 0, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    cursor: pointer;
    color: #333
}
.pe-view-layout-class-feature .pe-col-media {
    margin-bottom: 70px
}
.pe-view-layout-class-feature .pe-layout-bottom .pe-col-media {
    margin-bottom: 0;
    margin-top: 40px
}
.pe-style-dark .pe-view-layout-class-feature h5 {
    color: #1fbba6
}
.pe-style-dark .pe-view-layout-class-feature .pe-button a {
    border: 2px solid rgba(255, 255, 255, 0.3);
    color: rgba(255, 255, 255, 0.6)
}
.desktop .pe-style-dark .pe-view-layout-class-feature .pe-button a:hover {
    border-color: rgba(255, 255, 255, 0.8);
    box-shadow: 0 2px 1px rgba(0, 0, 0, 0.1);
    color: #fff
}
.pe-menu>li.menu-item-pe-wpml {
    border-left: 1px solid #eee;
    padding-bottom: 0;
    padding-left: 12px;
    margin-left: 24px
}
.desktop .pe-menu>li.menu-item-pe-wpml:hover,
.pe-menu>li.menu-item-pe-wpml.active {
    border-bottom: 0
}
.menu-item-pe-wpml .pe-wpml-flag {
    float: left;
    margin-right: 7px;
    padding-top: 3px;
    padding-bottom: 3px!important
}
footer {
    margin-bottom: 50px
}
.footer {
    padding: 40px 0;
    background-color: #232323
}
.footer.small {
    padding-top: 0;
    border-top: 0
}
.foot-top {
    margin-bottom: 50px
}
.footer.small .foot-lower {
    margin-top: 0;
    color: #ccc;
    font-size: 12px
}
.foot-lower .copyright {
    text-align: center;
    margin-bottom: 10px;
    line-height: 20px;
    font-size: 12px
}
.foot-lower .copyright a {
    color: #999
}
.foot-lower .copyright a:hover {
    color: #ccc
}
.foot-lower .social-media a i {
    font-size: 16px
}
.logo-foot {
    position: relative;
    float: left;
    left: 50%;
    margin-bottom: 20px
}
.logo-foot>a {
    display: block;
    margin-left: -50%;
    position: relative
}
.foot-lower .social-media-wrap {
    float: left;
    position: relative;
    left: 50%;
    width: auto;
    margin-bottom: 0px
}
.foot-lower .social-media-wrap .social-media {
    position: relative;
    margin-left: -50%
}
.social-media-wrap .social-media a {
    width: 24px;
    float: left;
    height: 30px;
    font-size: 24px;
    line-height: 24px;
    color: #555;
    display: block;
    margin-right: 4px;
    -webkit-transition: color .3s ease-out;
    -moz-transition: color .3s ease-out;
    -o-transition: color .3s ease-out;
    transition: color .3s ease-out
}
.desktop .social-media-wrap .social-media a:hover {
    color: #1fbba6
}
.footer .widget {
    margin-bottom: 0
}
.widget_info {
    text-align: left;
    padding-bottom: 30px;
    margin-right: 0;
    margin-left: 0;
    position: relative
}
.widget_info h3 {
    text-align: left
}
.widget_info .logo-foot {
    margin-top: 8px;
    margin-bottom: 10px;
    margin-right: 0;
    float: left;
    z-index: 2
}
.logo-wrap {
    overflow: hidden;
    clear: both
}
.widget_info p {
    margin-top: 0;
    margin-bottom: 15px;
    color: #999;
    z-index: 1
}
.widget_info a {
    color: #1fbba6
}
.desktop .widget_info a:hover {
    color: #111
}
.widget_info span {
    color: #999;
    font-size: 12px
}
.widget_info .phone {
    display: block;
    margin-bottom: 0;
    color: #333
}
.widget_info h2 {
    display: inline;
    margin-left: 5px;
    font-size: 12px
}
.widget_info .social-media {
    margin-top: 15px
}
.widget_info .social-media a {
    float: left;
    color: #000;
    opacity: .3
}
.widget_info .social-media a:hover {
    opacity: 1
}
.widget_recent_entries h3 {
    margin-bottom: 8px
}
.widget_recent_entries {
    margin-right: 0
}
.widget_recent_entries p {
    margin-top: 25px
}
.comments-num {
    display: block;
    float: right;
    width: 28px
}
.widget_recent_entries li {
    margin-bottom: 5px
}
.widget_recent_entries span {
    text-transform: lowercase
}
a.over-effect {
    position: relative;
    overflow: hidden;
    display: block
}
a.over-effect.active .overlay-image,
a.over-effect.active .over-icon {
    display: block
}
div.overlay-image {
    background-color: #1fbba6;
    z-index: 999;
    opacity: .85
}
.desktop a.over-effect:hover {
    border-color: #1fbba6;
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out
}
.pe-gallery-images {
    margin-bottom: 60px
}
.post-image .pe-gallery-images {
    margin-bottom: 20px
}
.pe-gallery-images:last-child {
    margin-bottom: 0
}
.pe-gallery-carousel {
    margin-bottom: 20px
}
.pe-gallery-carousel .videoWrapper {
    margin-bottom: 0
}
.pe-gallery-carousel h6 {
    margin-top: 10px
}
.pe-view-layout-class-testimonials .peWrap>div>div {
    margin-left: 60px!important;
    margin-right: 60px!important
}
.pe-view-layout-class-testimonials .peWrap>div>div>div>i {
    color: #1fbba6;
    text-align: center;
    display: block;
    margin: 0 auto 20px;
    width: 30px;
    font-size: 30px
}
.pe-view-layout-class-testimonials .peWrap>div>div>div>h2 {
    text-align: center
}
.pe-view-layout-class-testimonials .peWrap>div>div>div>cite {
    text-align: center;
    font-size: 14px;
    font-style: normal
}
.pe-view-layout-class-testimonials .peWrap>div>div>div {
    margin-bottom: 40px;
    text-align: center
}
.testimonial {
    position: relative;
    border: 1px solid #eee;
    background-color: #fff;
    margin-bottom: 60px
}
.testimonial .speech {
    position: absolute;
    bottom: -47px;
    left: 30px;
    width: 39px;
    height: 47px;
    z-index: 2
}
blockquote {
    padding-left: 30px;
    margin-bottom: 30px;
    border-left: 4px solid #1fbba6
}
.testimonial blockquote {
    border: 0;
    padding: 25px 30px 0 30px;
    margin-bottom: 0
}
.testimonial>p {
    margin-bottom: 15px
}
.testimonial cite {
    margin-left: 30px;
    margin-right: 30px
}
blockquote small {
    color: #666
}
.desktop blockquote p a:hover {
    text-decoration: none;
    color: #2f2f2f
}
.contentBox {
    background-color: #1fbba6;
    color: #fcfcfc;
    padding: 20px 20px 20px 20px;
    margin-bottom: 25px
}
.project-item a {
    display: block;
    margin-bottom: 15px
}
.project-item img {
    display: block
}
.project-item p {
    color: #999
}
.project-item h6 {
    margin-bottom: 0
}
.project-item h6 a {
    color: #333;
    font-weight: 600;
    font-size: 14px;
    text-transform: none;
    margin-bottom: 3px
}
.desktop .project-item h6 a:hover {
    color: #1fbba6
}
.filter {
    margin-bottom: 15px
}
.featured-project .filter {
    margin-bottom: 0
}
.project-filter {
    min-height: 0!important
}
.project-filter li:before {
    content: ""
}
.project-filter h6 {
    float: left;
    margin-right: 20px;
    color: #444;
    margin-bottom: 0;
    height: 32px;
    line-height: 32px;
    margin-top: 1px;
    padding: 0 15px
}
.project-filter .pe-menu>li:hover,
.project-filter .pe-menu>li.active {
    border: 0
}
.project-filter .pe-menu>li>a:hover,
.project-filter .pe-menu>li>a.active {
    color: #1fbba6
}
.filter-keywords {
    line-height: 32px;
    color: #1fbba6;
    border-radius: 0;
    -webkit-border-radius: 0;
    float: left;
    font-size: 11px;
    margin-top: 20px
}
.filter-keywords li {
    color: #666;
    float: left;
    line-height: 0;
    margin-right: 5px;
    margin-bottom: 5px
}
.filter-keywords li a {
    color: #999;
    display: block;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    border: 1px solid #eee
}
.filter-keywords li a.active,
.desktop .filter-keywords li a:hover {
    color: #fff;
    background-color: #1fbba6;
    border-color: #1fbba6
}
.desktop .filter-keywords li a.active:hover {
    cursor: default
}
.peIsotope.portfolio {
    position: relative
}
.peIsotopeFilter.pe-menu>li>a {
    color: #fff!important
}
.peIsotopeFilter.pe-menu>li>a.active {
    color: #1fbba6!important
}
.peIsotope .pe-menu-main .menu-toggle {
    float: none;
    width: auto
}
.peIsotope .pe-menu-main .pe-menu {
    padding-top: 0;
    top: 45px
}
.peIsotope .pe-menu-main .pe-menu>li>a {
    padding-top: 8px!important;
    padding-bottom: 8px!important;
    padding-left: 15px!important
}
.pe-block-fullwidth .peIsotope .pe-menu-main .pe-menu>li>a {
    padding-left: 0!important
}
.desktop .peIsotope .pe-menu-main .pe-menu>li>a {
    padding-left: 12px!important
}
.peIsotope .pe-menu-main {
    padding-bottom: 0!important;
    padding-top: 0!important;
    min-width: 0!important
}
.ie8 .peIsotope>.filter>div {
    float: left;
    clear: both;
    width: auto;
    position: relative;
    left: 50%
}
.ie8 .peIsotope .pe-menu-main {
    position: relative;
    left: -50%!important;
    padding: 0!important;
    margin-bottom: 15px
}
.ie8 .peIsotopeFilter.pe-menu>li>a {
    padding: 8px 12px!important;
    background-color: #ccc;
    font-size: 11px;
    color: #fff;
    margin: 0 2px;
    text-transform: uppercase
}
.ie8 .peIsotopeFilter.pe-menu>li {
    padding: 0!important;
    margin: 0!important
}
.ie8 .peIsotopeFilter.pe-menu>li>a:hover {
    background-color: #444!important
}
.ie8 .peIsotopeFilter.pe-menu>li>a.active {
    color: #fff!important;
    background-color: #444!important
}
.ie8 .pe-style-dark .peIsotopeFilter.pe-menu>li>a {
    color: #ccc!important;
    border: 1px solid #999
}
.ie8 .pe-style-dark .peIsotopeFilter.pe-menu>li>a:hover {
    border-color: #fff;
    color: #fff!important
}
.ie8 .pe-style-dark .peIsotopeFilter.pe-menu>li>a.active {
    color: #333!important;
    border-color: #fff!important;
    background-color: #fff!important
}
.staff-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 60px
}
.staff-item>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.desktop .pe-view-layout-class-staff .staff-item>img {
    margin-left: 0;
    margin-right: 0
}
.staff-item .position {
    text-align: center;
    color: #e44525;
    display: block;
    margin-bottom: 12px
}
.staff-item h4 {
    margin-bottom: 3px;
    text-align: center;
    font-weight: 400;
    color: #333;
    display: block;
    text-align: center
}
.staff-item .details {
    padding: 25px 20px 0;
    background-color: #fff;
    position: relative;
    margin-top: -20px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.staff-item:hover .details .title-wrap {
    margin-bottom: 0
}
.desktop .pe-view-layout-class-staff .staff-item .details .info-wrap {
    display: none
}
.desktop .pe-view-layout-class-staff .staff-item:hover .details {
    background-color: #333
}
.desktop .pe-view-layout-class-staff .staff-item:hover>img {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px)
}
.desktop .pe-view-layout-class-staff .staff-item:hover .details h4 {
    color: #fff
}
.desktop .pe-view-layout-class-staff .staff-item:hover .details p {
    color: #eee
}
.desktop .pe-view-layout-class-staff .staff-item:hover .details .arrow {
    border-bottom-color: #333
}
.staff-item .details:after {
    content: "";
    display: table;
    clear: both
}
.staff-item .details .arrow {
    display: block;
    width: 0;
    height: 0;
    border: 12px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.staff-item .details p {
    color: #888;
    font-size: 13px;
    margin-bottom: 10px
}
.staff-item .details .social-media-wrap {
    margin-top: 10px;
    float: left;
    position: relative;
    left: 50%;
    clear: both;
    margin-bottom: 25px
}
.staff-item .details .social-media-wrap>div {
    margin-left: -50%
}
.staff-item .details .social-media-wrap a {
    color: #555;
    float: left;
    display: block;
    width: 20px;
    margin-left: 5px
}
.staff-item .details .social-media-wrap a:first-child {
    margin-left: 0
}
.staff-item .details .social-media-wrap a i {
    font-size: 20px;
    line-height: 16px;
    color: #555
}
.staff-item .details .social-media-wrap a:hover i {
    color: #1fbba6
}
.desktop .pe-view-layout-class-staff .staff-item .details .social-media-wrap a:hover i {
    color: #fff
}
.staff-item .read-more {
    display: block;
    text-align: center;
    margin-top: 8px;
    width: 100%
}
.desktop .staff-item .read-more:hover {
    color: #fff!important
}
.mobile .staff-item .read-more:hover {
    color: #000
}


.news-item {
    position: relative;
    overflow: hidden;
    margin-bottom: 60px;
}
.news-item>img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.desktop .pe-view-layout-class-staff .news-item>img {
    margin-left: 0;
    margin-right: 0
}
.news-item .position {
    text-align: center;
    color: #1fbba6;
    display: block;
    margin-bottom: 12px
}
.news-item h4 {
    margin-bottom: 3px;
    text-align: center;
    font-weight: 400;
    color: #333;
    display: block;
    text-align: center
}
.news-item .details {
    min-height: 150px;
    /*padding: 15px 10px;*/
    padding: 15px 0px;
    background-color: #fff;
    position: relative;
    margin-top: 0px;
    text-align: center;
    -webkit-box-shadow: 16px 16px 29px -10px rgba(176,176,176,1);
    -moz-box-shadow: 16px 16px 29px -10px rgba(176,176,176,1);
    box-shadow: 16px 16px 29px -10px rgba(176,176,176,1);
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.news-item .details .info-wrap {
  background-color: rgba(6,98,131,0.9);
  width: 100%;
  position: absolute;
  bottom: 0;
  padding: 18px 0px;
  display: block;

-webkit-transition: all 0.2s ease;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news-item .details .info-wrap p {
    /*color: #1fbba6;
    font-weight: 400;
    font-size: 17px;
    padding-top: 15px;
    margin-bottom: 25px;
    min-height: 70px;*/

  color: #fff;
  font-weight: 400;
  font-size: 17px;
  margin-bottom: 0;
  margin-right: 0;
}
.news-item .details .title-wrap {
    float: left;
    width: 48%;
}
.news-item .details .title-wrap h4 {
    font-size: 13px;
}
.news-item .details .title-wrap h4 a {
    color: #000;
    border-bottom: 2px solid #1fbba6;
    padding-bottom: 4px;
}
.news-item .details .title-wrap h4 a:hover {
    color: #1fbba6;
}
.news-item .details .full-content {
    float: left;
    width: 48%;
}
.news-item .details .full-content h4 {
    font-size: 13px;
}
.news-item .details .full-content h4 a {
    color: #000;
}
.news-item .details .full-content h4 a:hover {
    color: #1fbba6;
}
.news-item .details .full-content #contact-form input {
    background-color: #fff;
    border: none;
    font-size: 13px;
    border-bottom: 2px solid #1fbba6;
    padding-bottom: 4px;
    padding-top: 3px;
}
.news-item .details .full-content #contact-form input:hover {
    color: #1fbba6;
}
/*.news-item:hover .details .title-wrap {
    margin-bottom: 0
}
.desktop .pe-view-layout-class-staff .news-item:hover .details h4 {
    color: #fff
}
.desktop .pe-view-layout-class-staff .news-item:hover .details p {
    color: #eee
}
.desktop .pe-view-layout-class-staff .news-item:hover .details .arrow {
    border-bottom-color: #333
}
.news-item .details:after {
    content: "";
    display: table;
    clear: both
}
.news-item .details .arrow {
    display: block;
    width: 0;
    height: 0;
    border: 12px solid #fff;
    border-top-color: transparent;
    border-left-color: transparent;
    border-right-color: transparent;
    position: absolute;
    top: -24px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.news-item .details p {
    color: #888;
    font-size: 13px;
    margin-bottom: 10px
}
.news-item .details .social-media-wrap {
    margin-top: 10px;
    float: left;
    position: relative;
    left: 50%;
    clear: both;
    margin-bottom: 25px
}
.news-item .details .social-media-wrap>div {
    margin-left: -50%
}
.news-item .details .social-media-wrap a {
    color: #555;
    float: left;
    display: block;
    width: 20px;
    margin-left: 5px
}
.news-item .details .social-media-wrap a:first-child {
    margin-left: 0
}
.news-item .details .social-media-wrap a i {
    font-size: 20px;
    line-height: 16px;
    color: #555
}
.news-item .details .social-media-wrap a:hover i {
    color: #1fbba6
}
.desktop .pe-view-layout-class-staff .news-item .details .social-media-wrap a:hover i {
    color: #fff
}
.news-item .read-more {
    display: block;
    text-align: center;
    margin-top: 8px;
    width: 100%
}
.desktop .news-item .read-more:hover {
    color: #fff!important
}
.mobile .news-item .read-more:hover {
    color: #000
}*/







.pe-view-layout-class-services .peWrap>div:first-child .service-item {
    border-left: none
}
.service-item {
    border-left: 1px solid #eee;
    padding: 0 20px;
    margin-bottom: 60px
}
.pe-style-dark .service-item {
    border-color: #666
}
.service-item>div,
.service-single>.service-icon {
    display: block;
    width: 50px;
    height: 50px;
    background-color: #1fbba6;
    border-radius: 4px;
    margin: 40px auto;
    position: relative;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.service-item>div>i {
    color: #fff!important
}
.service-single>.service-icon {
    margin-top: 0
}
.service-item:hover>div {
    transform: translateY(3px);
    -webkit-transform: translateY(3px);
    background-color: #333
}
.service-item:hover>div>.arrow {
    border-top-color: #333
}
.service-item>div>.arrow,
.service-single>.service-icon>.arrow {
    display: block;
    position: absolute;
    height: 0;
    width: 0;
    border-width: 8px;
    border-color: #1fbba6;
    border-style: solid;
    border-left-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    bottom: -16px;
    left: 50%;
    margin-left: -8px;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    transition: all .3s ease-out
}
.service-item>div i,
.service-single>.service-icon>i {
    color: #fff;
    display: block;
    width: 100%;
    height: 100%;
    line-height: 50px;
    font-size: 24px;
    text-align: center
}
.service-item h4 {
    text-align: center;
    font-weight: 600;
    font-size: 16px;
    margin-bottom: 10px;
    color: #333
}
.service-item p {
    color: #999;
    font-size: 13px;
    line-height: 18px;
    text-align: center
}
.service-item a.read-more {
    width: auto
}
.service-single {
    margin-bottom: 60px
}
.feature {
    position: relative;
    margin-bottom: 40px
}
.featureContent h3 {
    font-size: 14px;
    margin-bottom: 8px
}
.featureIcon {
    position: absolute;
    top: -3px;
    left: 0;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    background-color: #1fbba6
}
.featureIcon i {
    position: relative;
    display: block;
    width: 52px;
    height: 50px;
    line-height: 22px;
    color: #fff;
    font-size: 22px;
    text-align: center;
    margin-right: 0;
    margin-left: 0;
    margin-top: 13px
}
.feature .featureContent {
    padding-left: 0
}
.feature .feature-title {
    padding-left: 65px;
    margin-bottom: 20px
}
.feature .feature-title h3 {
    font-weight: 600;
    color: #333;
    margin-bottom: 0
}
.feature .feature-title h6 {
    text-transform: none
}
.sidebar p,
.sidebar a,
.sidebar li,
.sidebar .widget_text div {
    font-size: 13px
}
.sidebar .widget {
    margin-bottom: 50px
}
.sidebar .widget:last-child,
.ie8 .sidebar .widget.pe-last-child {
    margin-bottom: 0
}
.sidebar li span {
    color: #ccc;
    font-size: 11px;
    display: block;
    font-style: italic
}
.widget_search {
    position: relative
}
.widget_search form>a {
    display: none
}
.widget_search button[type=submit] {
    background-color: transparent;
    background-position: -44px 7px;
    border: 0 none;
    cursor: pointer;
    height: 27px;
    padding: 5px;
    padding-right: 10px;
    padding-bottom: 8px;
    position: absolute;
    right: 6px;
    top: 4px;
    width: 26px;
    opacity: .4;
    font-size: 18px
}
.desktop .widget_search button[type=submit]:hover {
    opacity: .7
}
input,
input[type=text],
textarea {
    box-shadow: none;
    font-size: 12px
}
input:focus,
input[type=text]:focus,
textarea:focus {
    box-shadow: none;
    outline: 0;
    border-color: #666!important
}
.pe-style-dark input:focus,
.pe-style-dark input[type=text]:focus,
.pe-style-dark textarea:focus {
    border-color: #ccc!important
}
.widget_search input[type=text] {
    display: block;
    width: 208px;
    border-radius: 0;
    box-shadow: none;
    font-size: 11px;
    height: 26px;
    padding-left: 10px;
    padding-right: 30px;
    border-color: #e9e9e9
}
.in-footer .widget_search input[type=text] {
    width: auto
}
.widget_search input[type=text]:focus {
    border-color: #666
}
.widget_nav_menu h3 {
    margin-bottom: 35px
}
.widget_nav_menu ul.menu {
    float: none
}
.widget_nav_menu ul.menu li {
    float: none;
    margin-left: 0
}
.widget_nav_menu li:before {
    content: "";
    margin-right: 0;
    display: inline
}
.widget_nav_menu li {
    text-shadow: none!important;
    font-weight: 400;
    font-size: 14px;
    padding: 4px 0;
    line-height: 20px
}
.desktop .widget_nav_menu a:hover {
    color: #1fbba6
}
.widget_nav_menu .menu li.current_page_item a {
    color: #1fbba6
}
.desktop .widget_nav_menu li.current_page_item a:hover {
    color: #1fbba6;
    cursor: default
}
.widget_tag_cloud li:before {
    content: ""
}
.widget_tag_cloud a {
    padding: 2px 8px;
    height: 26px;
    border: 1px solid #eee;
    line-height: 26px;
    margin-right: 3px;
    margin-bottom: 3px;
    float: left;
    color: #999;
    font-size: 11px!important
}
.desktop .widget_tag_cloud a:hover {
    border-color: #333;
    color: #333
}
.widget_tag_cloud .tagcloud {
    overflow: hidden
}
.widget_calendar li:before {
    content: ""
}
.widget_calendar #wp-calendar {
    color: #999;
    text-align: center;
    width: 100%
}
.widget_calendar caption,
.widget_calendar th,
.widget_calendar td {
    text-align: center
}
.widget_calendar caption {
    font-size: 11px;
    padding: 5px 0 12px;
    text-transform: uppercase;
    color: #666;
    text-align: left
}
.widget_calendar th {
    background: none repeat scroll 0 0 #f6f6f6;
    border-bottom: 0;
    border-top: 0;
    font-weight: 600;
    padding-top: 5px;
    padding-bottom: 5px
}
.widget_calendar tbody td a {
    background: #f6f6f6;
    padding: 2px 5px;
    width: 100%
}
.desktop .widget_calendar tfoot td a:hover {
    background: #f6f6f6
}
.widget_calendar tfoot td {
    background: transparent;
    border-bottom: 0;
    border-top: 0
}
.widget_calendar tfoot td a {
    text-transform: uppercase;
    color: #666
}
.desktop .widget_calendar tfoot td a:hover {
    background: transparent
}
.widget_calendar tfoot #prev {
    text-align: left
}
.widget_calendar tfoot #next {
    text-align: right
}
.widget_recent_comments li:before {
    content: ""
}
.widget_recent_comments li a {
    color: #999
}
.desktop .widget_recent_comments li a:hover {
    color: #1fbba6
}
.widget_links ul {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.widget_links li:before {
    content: "";
    width: auto
}
.widget_links li {
    border-top: 1px solid #eee;
    line-height: 20px;
    padding-top: 8px;
    padding-bottom: 8px
}
.widget_links h3 {
    margin-bottom: 35px
}
.widget_links li a,
.widget_pages li a,
.widget_meta li a,
.widget_nav_menu li a,
.widget_recent_entries li a {
    color: #1fbba6
}
.desktop .widget_links li a:hover,
.desktop .widget_pages li a:hover,
.desktop .widget_meta li a:hover,
.desktop .widget_nav_menu li a:hover,
.desktop .widget_recent_entries li a:hover {
    color: #444;
    text-decoration: none
}
.desktop footer .widget_links li a:hover,
.desktop footer .widget_pages li a:hover,
.desktop footer .widget_meta li a:hover,
.desktop footer .widget_nav_menu li a:hover,
.desktop footer .widget_recent_entries li a:hover {
    color: #444;
    text-decoration: none
}
.widget_nav_menu li a i {
    opacity: .6
}
.desktop .widget_nav_menu li a:hover i {
    opacity: .8
}
.widget_newsletter .outro {
    font-size: 11px;
    color: #999
}
.widget_newsletter .input-append {
    width: 100%
}
.widget_newsletter input[type=text] {
    border-radius: 0!important;
    -webkit-border-radius: 0;
    padding-left: 15px;
    width: 120px
}
.widget_text {
    margin-bottom: 65px
}
.widget_featured {
    overflow: hidden
}
.widget_featured div {
    margin-bottom: 15px
}
.widget_featured .caption {
    display: block;
    padding-left: 15px;
    margin-left: 8px;
    margin-top: 10px;
    color: #999
}
.widget_categories li:before {
    content: ""
}
.widget_categories ul li {
    padding-left: 0;
    color: #ccc
}
.widget_categories a {
    color: #666;
    margin-right: 10px
}
.desktop .widget_categories a:hover {
    color: #1fbba6
}
.widget_archive li {
    color: #999
}
.widget_archive a {
    margin-right: 9px
}
.widget_contact {
    overflow: hidden
}
.widget_contact div {
    clear: both
}
.widget_contact div:last-child p,
.ie8 .widget_contact div.pe-last-child {
    margin-bottom: 0
}
.widget_contact span {
    float: left;
    opacity: .3;
    margin-top: 3px
}
.widget_contact p {
    padding-left: 15px;
    float: left
}
.widget_contact p span {
    margin-left: -20px
}
.widget_contact [class^="icon-"],
.widget_contact [class*=" icon-"] {
    font-size: 14px
}
.post-title a {
    color: #444
}
.desktop .post-title a:hover {
    color: #1fbba6
}
.post-title h1 {
    margin-bottom: 0
}
.post-title {
    margin-bottom: 15px
}
.post {
    overflow: hidden;
    position: relative;
    padding-bottom: 40px;
    margin-bottom: 70px;
    border-bottom: 1px solid #eee
}
.post.single {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0
}
.post ul,
.post ol {
    margin-bottom: 25px
}
.post .post-image {
    margin-bottom: 25px
}
.post .post-meta {
    margin-bottom: 25px;
    overflow: hidden
}
.post .comments {
    height: 30px;
    border-right: 1px solid #eee;
    text-align: left;
    float: left;
    padding-top: 6px;
    margin-right: 20px;
    margin-bottom: 10px
}
.post .comments a {
    font-size: 16px;
    letter-spacing: -1px;
    margin-right: 5px;
    font-weight: 300;
    float: left;
    color: #888
}
.post .comments i {
    font-size: 16px;
    color: #ccc;
    margin-right: 20px
}
.post-meta {
    float: left;
    margin-left: 0;
    font-size: 12px;
    overflow: hidden
}
.post-meta .user {
    float: left;
    font-size: 11px;
    font-weight: 600;
    color: #1fbba6;
    line-height: 14px;
    text-transform: uppercase
}
.post-meta .user a {
    color: #1fbba6
}
.post-meta .user a:hover {
    color: #333
}
.post-meta .date {
    float: left;
    clear: left;
    color: #888
}
.post-meta .categories {
    float: left;
    margin-left: 5px;
    color: #888
}
.post-meta .categories a,
.post-meta .date a {
    color: #999
}
.desktop .post-meta .categories a:hover,
.desktop .post-meta .date a:hover {
    color: #1fbba6
}
.post .category a {
    color: #999;
    padding-left: 5px
}
.post .category a:first-child {
    padding-left: 0
}
.post-intro {
    line-height: 26px;
    font-size: 14px;
    color: #2f2f2f;
    font-weight: 400;
    letter-spacing: .2px;
    margin-bottom: 25px
}
.post .tags {
    font-size: 11px;
    margin-bottom: 35px;
    float: left;
    clear: both
}
.post .tags h3 {
    float: left;
    margin-right: 10px
}
.post .tags a {
    padding: 5px 9px;
    margin-right: 3px;
    color: #999;
    border: 1px solid #eee;
    float: left;
    margin-bottom: 3px
}
.desktop .post .tags a:hover {
    color: #333;
    border-color: #333
}
.shareBox {
    display: block;
    height: 32px;
    width: 400px;
    margin: 20px auto 25px;
    overflow: hidden;
    padding: 0;
    clear: both
}
.shareBox h6 {
    font-size: 12px;
    line-height: 32px;
    font-weight: 400;
    text-transform: uppercase;
    margin-bottom: 0;
    float: left;
    color: #999
}
.shareBox .shareButton {
    display: block;
    float: left;
    margin-left: 20px;
    margin-top: 5px
}
.post-pagination {
    margin-bottom: 60px
}
section.pe-main-section .post-pagination {
    margin-bottom: 0
}
.post-pagination>div>div {
    background-color: #f6f6f6
}
.post-pagination>div>div.pagination {
    background: transparent;
    text-align: center
}
.post-pagination>div>div.pagination>ul {
    display: inline-block;
    float: none
}
.post-pagination>div>div>a {
    display: block;
    padding: 20px;
    width: 50%!important;
    border-right: 1px solid #fff;
    margin-left: 0!important;
    position: relative
}
.post-pagination .prev-post {
    padding-left: 40px;
    float: left
}
.post-pagination .prev-post .arrow {
    position: absolute;
    top: 40%;
    left: 8px;
    opacity: .3
}
.post-pagination .next-post {
    border: 0;
    text-align: right;
    padding-right: 40px;
    float: right!important
}
.post-pagination .next-post .arrow {
    position: absolute;
    top: 40%;
    right: 8px;
    opacity: .3
}
.post-pagination a .date {
    color: #999;
    font-weight: 400;
    font-style: italic
}
.post-pagination a h3 {
    margin-bottom: 0;
    color: #666;
    font-size: 16px
}
.single-post .post-pagination {
    margin-top: 50px
}
.desktop .post-pagination a:hover {
    background-color: #f0f0f0
}
.desktop .post-pagination a:hover h3 {
    color: #333
}
.post-pagination a span:first-child {
    color: #1fbba6;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600
}
.next-post i,
.prev-post i {
    display: block;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 5px
}
.post-pagination.pe-load-more-active .pagination:after {
    content: "";
    display: table;
    clear: both
}
.post-pagination.pe-load-more-active>div>div {
    background-color: transparent;
    text-align: center;
    margin-top: 30px
}
.post-pagination.pe-load-more-active a.pe-load-more-button {
    width: 80%!important;
    max-width: 350px;
    background-color: #f0f0f0;
    padding: 4px 0;
    text-align: center;
    font-weight: 400;
    border: 0;
    color: #999;
    font-size: 12px;
    display: inline-block;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
    -webkit-transition: background-color .3s ease;
    -moz-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    float: none
}
.post-pagination.pe-load-more-active a.pe-load-more-button:hover {
    text-decoration: none
}
.pe-style-dark .post-pagination.pe-load-more-active a.pe-load-more-button {
    background-color: #444
}
.pe-container .post-pagination.pe-load-more-active a.pe-load-more-button {
    width: 100%!important;
    max-width: 100%
}
.post-pagination {
    position: relative
}
.post-pagination .pe-ajax-portfolio-spinner {
    margin-bottom: 0;
    position: absolute;
    width: 100%;
    top: 8px
}
.post-pagination.pe-load-more-loading .pe-ajax-portfolio-spinner {
    opacity: 1;
    visibility: visible
}
.post-pagination.pe-load-more-loading a.pe-load-more-button {
    color: #f0f0f0;
    cursor: default
}
.desktop .post-pagination.pe-load-more-loading a.pe-load-more-button:hover {
    background-color: #f0f0f0;
    color: #f0f0f0;
    cursor: default
}
.desktop .pe-style-dark .post-pagination.pe-load-more-loading a.pe-load-more-button:hover {
    background-color: #444
}
.pe-hide-pager .post-pagination {
    display: none
}
a.pe-placeholder {
    /*background: url(../../css/../img/skin/placeholder_sml.jpg) no-repeat center center*/
}
#comments li:before {
    content: '';
    width: auto
}
#comments li {
    background: transparent;
    padding-left: 0
}
#comments p {
    margin-bottom: 20px
}
#comments .comment-body {
    margin-bottom: 10px
}
#comments-title span {
    font-size: 14px;
    font-weight: 400;
    line-height: 10px;
    padding: 0 5px;
    color: #1fbba6
}
.commentlist,
#comments .children {
    margin: 0;
    padding: 0;
    list-style-type: none
}
.commentlist {
    padding-bottom: 30px;
    margin-bottom: 40px;
    border-bottom: 1px solid #efefef
}
.commentlist>li.comment>.comment-body {
    border-top: 1px solid #eee;
    padding-top: 20px;
    margin-top: 20px
}
.comment-author img {
    display: block;
    border: 2px solid #fff
}
.bypostauthor>.comment-body>.comment-author img {
    border: 2px solid #1fbba6
}
.bypostauthor>.comment-body .fn {
    font-style: normal
}
.bypostauthor>.comment-body .fn a {
    color: #1fbba6;
    font-style: normal
}
.bypostauthor>.comment-body p {
    color: #666
}
#comments .fn {
    margin-top: 2px
}
.fn a,
.fn {
    font-weight: 700;
    font-size: 12px;
    color: #666
}
.says,
.fn {
    float: left;
    font-style: normal
}
.says {
    margin-top: 2px;
    margin-left: 5px;
    font-size: 12px
}
.desktop #comments .fn a:hover {
    color: #2f2f2f;
    text-decoration: none
}
#comments .comment-meta {
    margin-bottom: 10px;
    clear: both
}
#comments .comment-meta a {
    font-size: 11px;
    color: #aaa
}
.desktop #comments .comment-meta a:hover {
    color: #666;
    text-decoration: none
}
#comments .reply .label {
    font-size: 12px;
    text-transform: uppercase;
    font-size: 10px;
    background-color: #ccc;
    text-shadow: none
}
.desktop #comments .reply .label:hover {
    background-color: #1fbba6;
    color: #fff
}
#comments .post-pagination {
    padding-bottom: 60px
}
#comments .pagination .active a {
    background-color: #666;
    border-color: #666;
    color: #fff
}
#respond {
    margin-bottom: 50px
}
#respond #reply-title {
    margin-bottom: 40px
}
#commentform .comment-notes {
    color: #aaa;
    font-size: 12px
}
#commentform label {
    text-align: left;
    color: #666;
    padding-top: 0;
    width: auto
}
#commentform .controls {
    margin-left: 0
}
#commentform .controls input {
    float: left;
    margin-right: 30px;
    border-radius: 0
}
#commentform .control-group .required {
    margin-left: 3px;
    margin-top: 3px
}
.result {
    margin-bottom: 40px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #eee
}
.result .result-title {
    position: relative
}
.result-title h3 {
    margin-bottom: 10px
}
.result-title h3 span {
    display: block;
    clear: left;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 400;
    color: #ccc
}
.result-title p {
    color: #999
}
.result .post-image {
    margin-top: 25px
}
.gmapWrap {
    border-bottom: 4px solid #999
}
.gmapWrap img {
    display: block
}
.gmapWrap .gmap {
    height: 350px
}
.gmapWrap .gmap>div.description {
    display: none
}
.gmap div img {
    max-width: none
}
.peThemeContactForm input,
.peThemeContactForm textarea {
    border-radius: 0!important;
    box-shadow: none!important;
    background-color: transparent
}
.peThemeContactForm input,
.peThemeContactForm textarea {
    border-color: #ccc;
    color: #444
}
.pe-style-dark .peThemeContactForm input,
.pe-style-dark .peThemeContactForm textarea {
    border-color: #999;
    color: #ccc
}
.peThemeContactForm .help-inline {
    vertical-align: top;
    font-size: 13px;
    font-weight: 700;
    color: #e44525;
}
.peThemeContactForm textarea {
    height: 230px;
    overflow-y: auto
}
#contactForm label {
    font-size: 12px;
    color: #444;
    font-weight: bold
}
.peThemeContactForm .control-label {
    font-size: 12px;
    color: #444;
    width: 60px
}
.pe-style-dark .peThemeContactForm .control-label {
    color: #efefef
}
.peThemeContactForm .controls {
    margin-left: 80px
}
.peThemeContactForm .controls .span9 {
    width: 90%!important
}
#contactForm label.radio {
    font-weight: normal
}
.pe-view-layout-class-columns h4 {
    text-align: left;
    margin-bottom: 15px
}
.bay {
    overflow: hidden;
    background-color: transparent;
    margin-bottom: 15px
}
.bay h3 {
    margin-left: 0;
    margin-bottom: 5px
}
.bay h6 {
    color: #1fbba6;
    margin-left: 180px;
    margin-bottom: 40px;
    font-size: 12px
}
span.help-inline {
    color: #999
}
#message .help-inline {
    vertical-align: top
}
.formSent,
.formError {
    display: none
}
#contactForm.noquote #contactType,
#contactForm.noquote #project {
    display: none
}
.faq {
    margin-bottom: 30px
}
.faq-body ul li {
    padding-left: 15px
}
.faq-heading {
    border: 1px solid #ddd;
    border-radius: 0;
    background: #f6f6f6;
    color: #777;
    padding: 8px 20px 8px 20px;
    cursor: pointer
}
.faq-heading strong {
    font-weight: bold;
    color: #000
}
.faq-heading .accent {
    margin-right: 10px
}
.faq-heading>div {
    font-weight: bold
}
.faq-heading>div i {
    margin-right: 8px
}
.desktop .faq-heading:hover {
    background-color: #e1e1e1
}
.desktop .faq-heading:hover>div {
    color: #666
}
.faq-heading>a {
    color: #2f2f2f;
    margin-left: 8px
}
.faq-body {
    margin-top: -1px;
    position: relative;
    top: -2px
}
.faq-body .faq-inner {
    border: 1px solid #ddd;
    border-radius: 0;
    background-color: #fff;
    padding: 20px 20px 10px 20px
}
.pe-style-dark .faq-body .faq-inner {
    background-color: transparent
}
.faq li {
    margin-top: 4px;
    color: #444
}
.faq-body {
    height: auto
}
.faq-body.collapse {
    height: 0
}
ul.nav-tabs {
    float: none;
    margin-bottom: 20px
}
.pe-style-dark .nav-tabs {
    border-bottom-color: #333
}
.nav-tabs li {
    padding-left: 0;
    background-image: none
}
.nav-tabs>li>a {
    border-radius: 0
}
.desktop .nav-tabs>li>a:hover {
    background-color: #f6f6f6
}
.nav-tabs>.active>a,
.desktop .nav-tabs>.active>a:hover {
    border-bottom-color: #ddd
}
.nav-tabs li a {
    font-weight: 400;
    font-size: 14px
}
.pe-style-dark .nav-tabs li a {
    color: #888;
    border: none!important
}
.desktop .pe-style-dark .nav-tabs>li>a:hover {
    background-color: #333;
    color: #1fbba6
}
.nav-tabs li {
    margin-left: 0
}
.nav-tabs>li.active>a {
    background-color: #fff!important
}
.pe-style-dark .nav-tabs>li.active>a {
    background-color: #333!important;
    color: #1fbba6
}
.accordion-heading {
    background-color: #f6f6f6
}
.accordion-heading a {
    font-weight: 400;
    font-size: 14px
}
.pe-style-dark .accordion-body {
    background-color: #444
}
.accordion-group {
    border-radius: 0;
    background-color: #fff
}
.accordion-inner>div {
    overflow: hidden
}
.pe-style-dark .accordion-group {
    background: #333;
    border-color: #555
}
.pe-style-dark .accordion-heading {
    background-color: #333
}
.pe-style-dark .accordion-toggle:hover {
    color: #fff
}
.pe-style-dark .accordion-inner {
    border-top-color: #555
}
.accordion-group .accordion-inner {
    padding: 25px 15px 0
}
.faq-body {
    margin-top: 0
}
.hero-unit {
    padding-bottom: 50px;
    border-radius: 0
}
.hero-unit p {
    font-weight: 400;
    line-height: 28px;
    font-size: 16px
}
code,
pre {
    border-radius: 0
}
.label,
.badge {
    font-size: 11px;
    font-weight: 400
}
.btn {
    font-weight: 600;
    font-size: 13px
}
.carouselBox .info {
    margin-top: 20px
}
.pagination a {
    display: block;
    height: 32px;
    line-height: 32px;
    color: #1fbba6;
    text-transform: uppercase;
    float: left;
    padding: 0 15px
}
.pagination a.next-btn {
    margin-left: 10px
}
.desktop .pagination a:hover {
    background-color: #1fbba6;
    border-color: #1fbba6;
    color: #fff
}
.pagination ul {
    float: left;
    overflow: hidden;
    box-shadow: none
}
.pagination li {
    float: left;
    display: block;
    padding: 0 2px
}
.pagination ul>li>a {
    border-radius: 0!important;
    line-height: 32px;
    font-size: 11px;
    border: 1px solid #f0f0f0;
    padding: 0 15px;
    border-left-width: 1px;
    box-shadow: none
}
.pagination li:before {
    content: "";
    width: auto
}
.pagination li.active a {
    background-color: #1fbba6;
    border-color: #1fbba6;
    color: #fff
}
.desktop .pagination li.active a:hover {
    cursor: default
}
.desktop .pagination li.disabled a:hover {
    cursor: default;
    border-color: #f0f0f0
}
.fullscreen {
    background-color: #fff;
    padding-bottom: 0
}
.fullscreen .peIsotopeContainer {
    border-top: 2px solid #fff;
    background-color: #fff
}
.peIsotopeGrid .peIsotopeItem {
    overflow: hidden
}
.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
    padding: 12px 20px;
    color: #ccc;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    opacity: 0;
    text-transform: none
}
.pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
    color: #ddd
}
.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-bottom: 5px
}
.pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a {
    color: #fff
}
.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem .cell-title a:hover {
    color: #ccc
}
.desktop .pe-style-dark .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem .cell-title a:hover {
    color: #eee
}
.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover div.scalable {
    opacity: 1
}
.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    opacity: 1
}
.desktop .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    color: #444;
    background-color: transparent
}
.peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title .description {
    color: #999;
    font-size: 12px
}
.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
    opacity: 1!important;
    z-index: 10
}
.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
    background-color: rgba(255, 255, 255, 0.5);
    color: #444;
    padding: 8px 10px
}
.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title a {
    font-size: 11px;
    margin-bottom: 0
}
.mobile .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title .description {
    display: none
}
.ie8 .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem span.cell-title {
    -ms-filter: "alpha(opacity=0)"
}
.ie8 .peIsotope.portfolio .peIsotopeGrid .peIsotopeItem:hover span.cell-title {
    -ms-filter: "alpha(opacity=100)";
    display: block;
    z-index: 10;
    background-color: #fff!important
}
.project-single-col {
    margin-bottom: 60px
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed {
    background-color: #fafafa
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed>.videoWrapper {
    margin-bottom: 0
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed>.pe-container {
    margin-bottom: 0
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text {
    padding: 0 25px;
    border: 1px solid #f7f7f7;
    border-top: 0
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .post-title {
    margin-top: 25px
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .post-title h2 {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content {
    clear: both
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content p {
    font-size: 13px
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content p {
    margin-bottom: 20px
}
.peIsotopeGrid .peIsotopeItem .pe-item-mixed .pe-item-text .pe-item-text-content .read-more {
    width: 100%;
    padding-top: 12px;
    border-top: 1px solid #f1f1f1;
    margin-top: 25px
}
.pe-item-mixed .pe-item-text .comments {
    float: left;
    width: 40px;
    margin-right: 15px;
    border-right: 1px solid #f1f1f1;
    height: 30px;
    line-height: 30px;
    padding-right: 3px
}
.pe-item-mixed .pe-item-text .comments>a {
    color: #666
}
.pe-item-mixed .pe-item-text .comments i {
    opacity: .1
}
.pe-item-mixed .pe-item-text .post-meta {
    float: left;
    margin-bottom: 15px
}
.pe-item-mixed .pe-item-text .post-meta span,
.pe-item-mixed .pe-item-text .post-meta span>a {
    color: #777;
    font-size: 11px
}
.pe-item-mixed .pe-item-text .post-meta span>a:hover {
    color: #1fbba6
}
body.single-project .project .page-title h2 {
    display: none
}
.project {
    margin-bottom: 70px
}
.project .media {
    margin-bottom: 45px;
    margin-top: 40px
}
.project .media img {
    display: block
}
.project-title {
    margin-bottom: 30px
}
.project-title h3 {
    margin-bottom: 0
}
.line-sml {
    display: block;
    height: 1px;
    width: 20px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 15px
}
.project-title .categories a {
    color: #999
}
.desktop .project-title .categories a:hover {
    color: #333
}
.project-intro p {
    margin-bottom: 0
}
.project-data {
    margin-bottom: 0
}
.project-data h6,
.project-tags h6 {
    font-weight: 600;
    margin-bottom: 10px;
    color: #1fbba6;
    font-size: 11px;
    text-transform: uppercase
}
.project-data .data1,
.project-data .data2 {
    margin-bottom: 50px;
    width: 48%;
    margin-left: 4%;
    float: left
}
.project-data .data1 {
    margin-left: 0
}
.project-data .data1 span,
.project-data .data2 span {
    display: block;
    float: left;
    clear: left;
    font-size: 11px;
    font-weight: 400;
    line-height: 20px
}
.project-data .data1 span {
    color: #999
}
.project-data .data2 span {
    color: #666
}
.project-nav,
.carousel-nav {
    overflow: hidden;
    margin-bottom: 40px;
    width: 82px;
    margin-left: auto;
    margin-right: auto
}
.pe-ajax-portfolio-navigation {
    overflow: hidden;
    margin-bottom: 40px;
    margin-left: auto;
    margin-right: auto;
    width: auto
}
.pe-ajax-portfolio-spinner {
    margin-bottom: -30px;
    visibility: hidden;
    opacity: 0
}
.pe-spinner {
    height: 20px!important;
    width: 20px!important;
    overflow: visible!important;
    margin: 0 auto;
    position: relative;
    z-index: 100;
    -webkit-animation: pe-spinner 1s infinite linear;
    -moz-animation: pe-spinner 1s infinite linear;
    -o-animation: pe-spinner 1s infinite linear;
    animation: pe-spinner 1s infinite linear;
    border: 2px solid rgba(0, 0, 0, 0.15)!important;
    border-radius: 100%
}
.pe-spinner:before {
    content: "";
    display: block;
    position: absolute;
    left: -2px;
    top: -2px;
    height: 100%;
    width: 100%;
    border-top: 2px solid rgba(0, 0, 0, 0.6)!important;
    border-left: 2px solid transparent;
    border-bottom: 2px solid transparent;
    border-bottom: 2px solid rgba(0, 0, 0, 0.6)!important;
    border-right: 2px solid transparent;
    border-radius: 100%
}
.ie8 .pe-spinner,
.ie9 .pe-spinner {
    height: 32px!important;
    width: 32px!important;
    /*background: url(../../css/../img/skin/spinner.gif) no-repeat center center*/
}
.ie9 .pe-spinner,
.ie9 .pe-spinner:before {
    border: none!important
}
@-webkit-keyframes pe-spinner {
    from {
        -webkit-transform: rotate(0deg)
    }
    to {
        -webkit-transform: rotate(359deg)
    }
}
@-moz-keyframes pe-spinner {
    from {
        -moz-transform: rotate(0deg)
    }
    to {
        -moz-transform: rotate(359deg)
    }
}
@-o-keyframes pe-spinner {
    from {
        -o-transform: rotate(0deg)
    }
    to {
        -o-transform: rotate(359deg)
    }
}
@keyframes pe-spinner {
    from {
        transform: rotate(0deg)
    }
    to {
        transform: rotate(359deg)
    }
}
.pe-ajax-portfolio .pe-ajax-portfolio-navigation {
    background-color: transparent;
    height: auto;
    margin-bottom: 0
}
.pe-ajax-portfolio-navigation>div {
    overflow: hidden;
    width: 128px;
    margin: 0 auto
}
.project-nav a,
.carousel-nav a,
.pe-ajax-portfolio-navigation a {
    display: block;
    height: 32px;
    width: 32px;
    line-height: 32px;
    border: 2px solid #ccc;
    border-radius: 50%;
    color: #ccc;
    text-transform: uppercase;
    float: left
}
.project-nav a.next-btn,
.carousel-nav a.next-btn,
.pe-ajax-portfolio-navigation a.pe-close,
.pe-ajax-portfolio-navigation a.pe-next {
    margin-left: 10px
}
.desktop .project-nav a:hover,
.desktop .carousel-nav a:hover,
.desktop .pe-ajax-portfolio-navigation a:hover {
    border-color: #444;
    color: #444
}
.project-nav a i,
.carousel-nav a i,
.pe-ajax-portfolio-navigation a i {
    font-style: normal;
    font-style: normal;
    line-height: 32px;
    display: block;
    height: 32px;
    width: 32px;
    font-size: 16px;
    text-align: center;
    color: #666;
    margin-top: 0
}
.related {
    margin-top: 20px;
    padding-top: 20px
}
.related h3 {
    margin-top: 40px;
    margin-bottom: 30px;
    font-weight: 300;
    font-size: 26px;
    text-align: center
}
.project-nav a.disabled {
    color: #f0f0f0
}
.desktop .project-nav a.disabled:hover {
    color: #f0f0f0;
    background: transparent;
    cursor: default;
    border-color: #f0f0f0
}
.pricing-table {
    text-align: center;
    margin-bottom: 0
}
.pe-style-dark .pricing-table {
    color: #222
}
.pricing-table li:before {
    content: '';
    width: auto
}
.pricing-table [class^="icon-"] {
    font-size: 16px
}
.five-col .col {
    width: 20%
}
.four-col .col {
    width: 25%
}
.three-col .col {
    width: 33.33333%
}
.two-col .col {
    width: 50%
}
.col {
    float: left;
    margin: 0;
    background-color: white;
    position: relative;
    margin-bottom: 15px
}
.col.high {
    outline: 4px solid #1fbba6;
    z-index: 10;
    top: -5px;
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.3)
}
.no-shadow .col.high {
    -webkit-box-shadow: none;
    box-shadow: none
}
.col.low {
    background-color: #f6f6f6;
    z-index: 5
}
.col .wrap-inner {
    border-left: 2px solid white
}
.pricing-table .head {
    background-color: #eee;
    padding: 10px;
    min-height: 24px
}
.pricing-table .head h3 {
    margin-bottom: 0;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 700;
    color: #333
}
.pricing-table .head span {
    color: #fff
}
.pricing-table .price {
    padding: 10px;
    background-color: #666;
    min-height: 52px
}
.pricing-table .high .price {
    background-color: #1fbba6
}
.pricing-table .low .price {
    background-color: #999;
    background-repeat: repeat
}
.pricing-table .price h4 {
    margin-bottom: 0;
    color: #fff;
    font-weight: 700;
    font-size: 26px
}
.pricing-table .price span {
    margin-top: 5px;
    text-transform: uppercase;
    display: block;
    color: #fff;
    font-size: 11px
}
.pricing-table .foot {
    padding: 10px;
    background-color: #ddd;
    overflow: hidden;
    min-height: 30px
}
.pricing-table .high .foot {
    background-color: #fefefe;
    padding-top: 15px;
    padding-bottom: 15px
}
.pricing-table .row-titles .head {
    display: none
}
.pricing-table .row-titles .price {
    background-color: #eee;
    padding-left: 20px
}
.pricing-table .row-titles {
    margin-top: 44px;
    text-align: left
}
.pricing-table .row-titles h4 {
    font-size: 22px;
    color: #333
}
.pricing-table .row-titles .price span {
    color: #1fbba6
}
.pricing-table .row-titles li {
    padding-left: 20px
}
.col ul {
    padding: 0
}
.col:first-child .wrap-inner,
.col.high .wrap-inner {
    border: 0
}
.pricing-table li {
    padding: 10px 10px;
    min-height: 20px
}
.pricing-table li:last-child {
    border: 0
}
.pricing-table li:nth-child(even),
.pricing-table li.even {
    background-color: #efefef
}
.pricing-table .col.low li:nth-child(even),
.pricing-table .col.low li.even {
    background-color: #efefef
}
.mobile .peSlider>.peVoloNext,
.mobile .peSlider>.peVoloPrev {
    opacity: 1
}
.mobile .peVolo .peVoloPrev a,
.mobile .peVolo .peVoloNext a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.mobile .peVolo .peVoloPrev a:hover,
.mobile .peVolo .peVoloNext a:hover {
    background-color: #000;
    opacity: .2
}
.mobile a:hover,
.mobile a:visited:hover {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.mobile a.over-effect:hover {
    border-color: transparent;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.peVolo .peWrap>div {
    background-color: rgba(255, 255, 255, 0.0)
}
.mobile .peSlider>.peVoloNext,
.mobile .peSlider>.peVoloPrev,
.mobile .contour-btn,
.mobile .sm-icon-wrap a,
.mobile .social-media a,
.mobile a.over-effect:hover,
.mobile .staff-social a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none
}
.peIsotopeGrid .peIsotopeItem .cell-title.has-icons {
    font-size: 18px;
    font-weight: 600;
    top: 0;
    text-align: center
}
.peIsotopeGrid .peIsotopeItem .cell-title.has-icons>span {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 75px;
    line-height: 25px;
    margin: auto
}
.peIsotopeGrid .peIsotopeItem .cell-title.has-icons>span>span {
    display: block
}
@-webkit-keyframes cellZoomOut {
    0% {
        -webkit-transform: scale(1, 1) translate3d(0px, 0px, 0px)
    }
    100% {
        -webkit-transform: scale(1.25, 1.25) translate3d(0px, 20px, 0px)
    }
}
@keyframes cellZoomOut {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.25, 1.25)
    }
}


@-webkit-keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.08); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

@keyframes pulse_animation {
    0% { transform: scale(1); }
    30% { transform: scale(1); }
    40% { transform: scale(1.08); }
    50% { transform: scale(1); }
    60% { transform: scale(1); }
    70% { transform: scale(1.08); }
    80% { transform: scale(1); }
    100% { transform: scale(1); }
}

.desktop .portfolio .peIsotopeGrid .peIsotopeItem.pe-grid-img:hover div.scalable img.animated {
    -webkit-animation-name: cellZoomOut;
    animation-name: cellZoomOut;
    -webkit-animation-duration: 10s;
    animation-duration: 10s
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem.pe-grid-img div.scalable {
    -webkit-transition: -webkit-transform .4s;
    -moz-transition: -webkit-transform .4s;
    -ms-transition: transform .4s;
    transition: transform .4s
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem:hover.pe-grid-img div.scalable {
    -webkit-transform: translate3d(0px, -62px, 0px);
    -moz-transform: translate3d(0px, -62px, 0px);
    transform: translate3d(0px, -62px, 0px)
}
.ie9 .portfolio .peIsotopeGrid .peIsotopeItem:hover.pe-grid-img div.scalable {
    -ms-transform: translateY(-62px)
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon {
    margin-top: 15px;
    padding: 8px 10px;
    text-align: center;
    display: inline-block;
    color: #fff;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.5)
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-link {
    margin-right: 25px
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-link i {
    font-size: 16px;
    line-height: 24px
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon-lb i {
    font-size: 20px;
    line-height: 24px;
    margin-left: 2px
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon i {
    width: 24px;
    height: 24px;
    display: block
}
.desktop .portfolio .peIsotopeGrid .peIsotopeItem a.pe-over-icon:hover {
    background-color: #444;
    border-color: #444;
    color: #fff
}
.desktop .over-effect>.cell-title {
    position: absolute;
    z-index: 1;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: background-color .3s ease-out;
    -moz-transition: background-color .3s ease-out;
    -o-transition: background-color .3s ease-out;
    transition: background-color .3s ease-out
}
.desktop .over-effect:hover>.cell-title {
    background-color: rgba(132, 189, 50, 0.8)
}
.ie8 .over-effect:hover>.cell-title {
    background-color: #1fbba6;
    -ms-filter: "alpha(opacity=80)";
    filter: alpha(opacity=80)
}
.desktop .over-effect:hover>.cell-title>span i {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    filter: alpha(opacity=100)
}
.desktop .over-effect>.cell-title>span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -23px;
    margin-left: -23px
}
.desktop .over-effect>.cell-title>span i {
    font-size: 20px;
    color: #fff;
    width: 24px;
    height: 24px;
    display: inline-block;
    padding: 10px;
    border: 1px solid #fff;
    border-color: rgba(255, 255, 255, 0.6);
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.desktop a.over-effect>img.animated {
    z-index: 0;
    -webkit-animation-name: cellZoomIn;
    -webkit-animation-duration: .6s;
    animation-name: cellZoomIn;
    animation-duration: .6s
}
.desktop a.over-effect.pe-status-over>img.animated {
    -webkit-animation-name: cellZoomOut;
    animation-name: cellZoomOut
}
.format-aside {
    background-color: #f6f6f6
}
.sticky .post-title a {
    color: #1fbba6
}
.sticky .post-title h2:before {
    content: '\2691';
    font-family: 'entypo-icon-font';
    margin-right: 10px;
    font-size: 20px;
    color: #1fbba6;
    line-height: 36px;
    vertical-align: middle
}
.sticky .post-title h1 a {
    color: #fff
}
.pe-wp-default table,
.pe-wp-default .comment-body table {
    border-bottom-color: #eee
}
.pe-wp-default td,
.pe-wp-default .comment-body td {
    border-top-color: #eee
}
.peFlareLightbox .peFlareLightboxCaptions>div>div>h3 a {
    color: #1fbba6
}
.desktop .peFlareLightbox .peFlareLightboxCaptions>div>div>h3 a:hover {
    color: #fff
}
.pe-full-page {
    height: 1080px
}
.pe-splash-section>.pe-caption-persistent {
    width: 100%;
    width: 2000px;
    position: absolute;
    visibility: hidden
}
.pe-splash-section>.pe-caption-persistent>div>div>div {
    width: auto
}
.pe-splash-section .pe-caption-persistent>.peCaptionLayer>.wrapper {
    position: relative
}
.pe-splash-section .pe-caption-persistent>.peCaptionLayer a>img {
    opacity: 1
}
.pe-splash-section .pe-caption-persistent>.peCaptionLayer a>span {
    position: absolute;
    z-index: 2;
    display: block;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    opacity: 0;
    top: 45%;
    font-size: 20px;
    line-height: 20px;
    color: #fff;
    font-weight: 300;
    letter-spacing: 0;
    /*animation-name: pulse_animation;*/
    /*animation-duration: 2500ms;*/
    /*transform-origin:70% 70%;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: linear;*/
    /*-webkit-animation-name: pulse_animation;*/
    /*-webkit-animation-duration: 2500ms;*/
    /*-webkit-transform-origin:70% 70%;*/
    /*-webkit-animation-iteration-count: infinite;*/
    /*-webkit-animation-timing-function: linear;*/
    -webkit-animation: pulse_animation 2.5s linear infinite alternate;
    -moz-animation: pulse_animation 2.5s linear infinite alternate;
    -ms-animation: pulse_animation 2.5s linear infinite alternate;
    -o-animation: pulse_animation 2.5s linear infinite alternate;
    animation: pulse_animation 2.5s linear infinite alternate; /* this comes last */

}
.ie8 .pe-splash-section .pe-caption-persistent>.peCaptionLayer a>span {
    -ms-filter: "alpha(opacity=0)"
}
.pe-splash-section .pe-caption-persistent>.peCaptionLayer a>span>i {
    position: absolute;
    bottom: -15px;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    width: 100%;
    display: block
}
.desktop .pe-splash-section .pe-caption-persistent>.peCaptionLayer a>* {
    -webkit-transition: opacity .3s ease-out;
    -moz-transition: opacity .3s ease-out;
    -o-transition: opacity .3s ease-out;
    transition: opacity .3s ease-out
}
.desktop .pe-splash-section .pe-caption-persistent>.peCaptionLayer a:hover>img {
    opacity: 0!important
}
.ie8 .pe-splash-section .pe-caption-persistent>.peCaptionLayer a:hover>img {
    -ms-filter: "alpha(opacity=0)"!important
}
.desktop .pe-splash-section .pe-caption-persistent>.peCaptionLayer a.no-label:hover>img {
    opacity: 1!important
}
.ie8 .pe-splash-section .pe-caption-persistent>.peCaptionLayer a.no-label:hover>img {
    -ms-filter: "alpha(opacity=100)"!important
}
.desktop .pe-splash-section .pe-caption-persistent>.peCaptionLayer a:hover>span {
    opacity: 1
}
.ie8 .pe-splash-section .pe-caption-persistent>.peCaptionLayer a:hover>span {
    -ms-filter: "alpha(opacity=100)"
}
.pe-splash-section .peSlider>.pe-caption-persistent>.peCaptionLayer {
    text-align: center
}
.pe-splash-section .peSlider>.pe-caption-persistent>.peCaptionLayer a {
    display: inline-block;
    position: relative
}
.pe-splash-section .peSlider>.pe-caption-persistent>.peCaptionLayer img {
    display: inline-block;
    max-width: none
}
.pe-splash-section .pe-headlines>div {
    line-height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: 1;
    -webkit-transform: translate(0px, 10px);
    -webkit-transition: all .5s;
    font-size: 42px;
    font-family: "Open Sans", Arial, sans-serif;
    font-weight: 300;
    text-align: center;
    white-space: nowrap;
    color: #fff
}
.ie8 .pe-splash-section .pe-headlines>div {
    visibility: hidden
}
.pe-splash-section .pe-headlines>div.pe-active {
    opacity: 1;
    z-index: 2;
    -webkit-transform: translate(0px, 0px)
}
.ie8 .pe-splash-section .pe-headlines>div.pe-active {
    visibility: visible
}
.desktop.csstransitions .pe-animated {
    opacity: 0
}
.desktop.csstransitions .pe-animated.animated {
    opacity: 1
}
.desktop .pe-main-section.pe-parallax {
    background-attachment: fixed
}
.peSlider.pe-video-bg .peWrap>div {
    background-color: rgba(0, 0, 0, .4)
}
.desktop .pe-sticky.pe-sticky-footer.page-template-page_builder-php.pe-page-fullwidth div.footer {
    position: relative;
    display: block;
}
.desktop .pe-sticky.pe-sticky-footer.page-template-page_builder-php.pe-page-fullwidth .site-body {
    margin-bottom: 0px;
    -webkit-box-shadow: 0 14px 60px 14px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: 0 14px 60px 14px rgba(0, 0, 0, 0.33);
    box-shadow: 0 14px 60px 14px rgba(0, 0, 0, 0.33)
}
.pe-style-dark,
.pe-style-dark p {
    color: #ddd
}
.pe-style-dark h1,
.pe-style-dark h2,
.pe-style-dark h3,
.pe-style-dark h4,
.pe-style-dark h5,
.pe-style-dark h6 {
    color: #fff
}
.pe-style-dark .project-nav a,
.pe-style-dark .carousel-nav a,
.pe-style-dark .pe-ajax-portfolio-navigation a {
    border-color: #ccc
}
.pe-style-dark .project-nav a i,
.pe-style-dark .carousel-nav a i,
.pe-style-dark .pe-ajax-portfolio-navigation a i {
    color: #aaa
}
.desktop .pe-style-dark .project-nav a:hover,
.desktop .pe-style-dark .carousel-nav a:hover,
.desktop .pe-style-dark .pe-ajax-portfolio-navigation a:hover {
    border-color: #aaa
}
.desktop .pe-style-dark .project-nav a:hover i,
.desktop .pe-style-dark .carousel-nav a:hover i,
.desktop .pe-style-dark .pe-ajax-portfolio-navigation a:hover i {
    color: #fff
}
.pe-style-dark .page-title h2:after,
.pe-style-dark .page-title h1:after,
.pe-style-dark section>h2:after {
    background-color: #eee
}
.pe-style-dark .read-more:hover {
    color: #fff!important
}
.pe-style-dark .staff-item h4 {
    color: #333
}
.no-js body>.site-loader {
    display: none
}
body>.site-loader {
    position: fixed;
    background: white;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 99999;
    opacity: 1;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}
body>.site-loader.pe-disabled {
    opacity: 0
}
.desktop.safari body>.site-loader {
    display: none
}
.desktop section .pe-animation-wants {
    opacity: 0
}
.desktop section .pe-animation-has {
    animation-duration: 1s;
    -webkit-animation-duration: 1s
}
#lang_sel,
#lang_sel_click {
    height: 20px;
    z-index: 2000
}
#lang_sel_click img.iclflag {
    float: left;
    padding-top: 5px;
    margin-right: 5px
}
#lang_sel_click ul ul img.iclflag {
    padding-top: 0;
    top: 2px;
    margin-right: 0
}
#lang_sel ul ul li a:hover,
#lang_sel ul ul li,
#lang_sel ul ul li a:hover span {
    color: #666
}
#lang_sel ul ul li:hover a,
#lang_sel_click ul ul li:hover a {
    color: #666;
    background-color: #fff
}
#lang_sel a,
#lang_sel a:visited {
    border-color: #e9e9e9
}
.sidebar #lang_sel li {
    width: 100%
}
.sidebar #lang_sel {
    display: block;
    height: 34px
}
#lang_sel ul ul a,
#lang_sel ul ul a:visited,
#lang_sel_click ul ul a,
#lang_sel_click ul ul a:visited {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #666
}
.widget #lang_sel ul ul a,
.widget #lang_sel ul ul a:visited,
.widget #lang_sel a.lang_sel_sel,
.widget #lang_sel_click ul ul a,
.widget #lang_sel_click ul ul a:visited,
.widget #lang_sel_click a.lang_sel_sel {
    background-color: #fff;
    border-color: #e9e9e9;
    color: #666
}
.widget #lang_sel ul ul a {
    padding: 8px;
    display: block
}
.widget #lang_sel a.lang_sel_sel:hover,
.widget #lang_sel ul ul li:hover a,
.widget #lang_sel_click a.lang_sel_sel:hover,
.widget #lang_sel_click ul ul li:hover a {
    background-color: #fdfdfd;
    border-color: #e9e9e9;
    color: #666
}
.widget #lang_sel ul ul li:hover a span {
    color: #666!important
}
.widget #lang_sel ul ul li:hover,
.widget #lang_sel ul ul li:hover a {
    border-color: #e9e9e9
}
.widget #lang_sel a.lang_sel_sel {
    padding: 4px 4px 4px 8px
}
#lang_sel ul ul,
#lang_sel_click ul ul {
    border-top-color: #777
}
.widget #lang_sel ul ul a,
#lang_sel ul ul a,
#lang_sel_click ul ul a {
    line-height: 16px!important
}
#lang_sel ul ul,
#lang_sel_click ul ul {
    border-top-color: #e9e9e9
}
#lang_sel,
#lang_sel_click {
    z-index: 1990
}
.sidebar #lang_sel ul ul {
    top: 33px;
    width: 100%
}
#lang_sel ul ul a:hover {
    background-color: #fff;
    color: #666
}
#lang_sel a span.icl_lang_sel_current {
    display: inline
}
#lang_sel a span {
    font-style: normal;
    color: #444;
    font-size: 11px;
    display: inline
}
#lang_sel {
    
    font-weight: 400
}
#lang_sel a {
    font-size: 12px
}
#lang_sel a.lang_sel_sel,
#lang_sel_click a.lang_sel_sel {
    background-color: #fff;
    background-position: 90% 50%;
    color: #666;
    border-color: #e9e9e9
}
#lang_sel a.lang_sel_sel:hover,
#lang_sel_click a.lang_sel_sel:hover {
    color: #666;
    background-color: #fff
}
#lang_sel_list {
    position: absolute;
    top: 10px;
    right: 30px;
    width: auto
}
#lang_sel_list ul {
    width: auto;
    border: 0
}
#lang_sel_list li {
    width: auto
}
#lang_sel_list a,
#lang_sel_list a:visited {
    border: 0
}
#lang_sel img.iclflag {
    display: inline;
    top: 0;
    margin-right: 3px
}
#lang_sel_list a.lang_sel_sel,
#lang_sel_list a span {
    color: #c2c2c2!important
}
#lang_sel_list a:hover span {
    color: #d73300!important
}
#lang_sel_list a span.icl_lang_sel_current,
#lang_sel_list a:hover span.icl_lang_sel_current {
    color: #333!important;
    cursor: default
}
.pe-wpml-lang-selector {
    position: absolute;
    margin-left: 150px;
    margin-top: 18px
}
@media(max-width:479px) {
    #lang_sel a span.icl_lang_sel_current {
        display: none
    }
    #lang_sel a.lang_sel_sel,
    #lang_sel_click a.lang_sel_sel {
        width: 38px
    }
    #lang_sel li {
        width: auto
    }
    #lang_sel ul ul a,
    #lang_sel_click ul ul a,
    #lang_sel_click ul ul {
        width: 38px;
        padding-right: 0
    }
    #lang_sel ul ul {
        width: 50px
    }
    #lang_sel a span {
        font-size: 1px;
        display: none;
        color: #fff
    }
}
body.pe-has-bg-video .pe-main-section,
body.pe-has-bg-video .footer {
    background-color: transparent
}
.pe-bg-video {
    display: none
}
.pe-bg-video.pe-active {
    display: block;
    position: fixed;
    z-index: -2;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background-position: center center;
    -webkit-backface-visibility: hidden;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover
}
.pe-bg-video.pe-active.pe-overlay {
    z-index: -1;
    background-color: transparent;
    background-color: rgba(255, 255, 255, 0.85);
    /*background-image: url(../../css/../img/skin/vid_pattern_light1.png);*/
    background-repeat: repeat;
    background-size: auto
}
.mbYTP_wrapper {
    z-index: -2!important
}
.iDevices body,
.iDevices p,
.iDevices div,
.iDevices h1,
.iDevices h2,
.iDevices h3,
.iDevices h4,
.iDevices h5,
.iDevices h6 {
    -webkit-text-size-adjust: none
}
@media(min-width:1024px) {
    .peIsotope>.filter>div {
        float: left;
        clear: both;
        width: auto;
        position: relative;
        left: 50%
    }
    .peIsotope .pe-menu-main {
        position: relative;
        left: -50%;
        padding: 0!important;
        margin-bottom: 15px
    }
    .peIsotopeFilter.pe-menu>li>a {
        padding: 8px 12px!important;
        border: 1px solid #eee;
        background-color: transparent;
        font-size: 11px;
        color: #999!important;
        margin: 0 2px;
        text-transform: uppercase
    }
    .pe-style-dark .peIsotopeFilter.pe-menu>li>a {
        color: #ccc!important;
        border: 1px solid #999
    }
    .peIsotopeFilter.pe-menu>li {
        padding: 0!important;
        margin: 0!important
    }
    .peIsotopeFilter.pe-menu>li>a:hover {
        background-color: transparent!important;
        border-color: #333;
        color: #333!important
    }
    .pe-style-dark .peIsotopeFilter.pe-menu>li>a:hover {
        border-color: #fff;
        color: #fff!important
    }
    .peIsotopeFilter.pe-menu>li>a.active {
        color: #fff!important;
        border-color: #333!important;
        background-color: #333!important
    }
    .pe-style-dark .peIsotopeFilter.pe-menu>li>a.active {
        color: #333!important;
        border-color: #fff!important;
        background-color: #fff!important
    }
}
@media(min-width:1024px) {
    .desktop .pe-header-transparent.pe-header-scrolled .pe-menu>li>a:hover, .pe-header-transparent.pe-header-scrolled .pe-menu>li.active>a {
        color: #444
    }
    .sticky-header .pe-menu-sticky.pe-animated .pe-container {
        -webkit-transition: all .3s ease-out;
        -moz-transition: all .3s ease-out;
        -o-transition: all .3s ease-out;
        transition: all .3s ease-out
    }
    .sticky-header .pe-menu-sticky.pe-menu-over .pe-container {
        margin-top: 0!important
    }
    .sticky-header .pe-menu-sticky {
        position: fixed;
        top: 0;
        z-index: 2000
    }
    .ios .pe-menu-sticky {
        position: fixed!important
    }
}
@media(max-width:1023px) {
    .pe-menu-sticky {
        top: 0;
        width: 100%
    }
    .pe-menu-sticky .pe-menu-main .menu-toggle {
        margin-top: -10px
    }
    .ios .pe-header-transparent .pe-menu-sticky .pe-menu-main .menu-toggle {
        opacity: 0
    }
    .ios .pe-header-transparent.pe-header-scrolled .pe-menu-sticky .pe-menu-main .menu-toggle {
        opacity: 1
    }
    .mobile .pe-menu-sticky {
        position: relative!important;
        opacity: 1;
        background-color: rgba(255, 255, 255, 1)
    }
    .pe-header-transparent.pe-header-scrolled .pe-menu>li>a {
        color: #fff
    }
    .mobile .pe-header-transparent .pe-menu-sticky {
        background-color: #fff
    }
    .pe-header-transparent .pe-menu-main,
    .pe-menu-main {
        padding-bottom: 0
    }
    .pe-menu-sticky .logo,
    .pe-header-transparent .pe-menu-sticky .logo {
        top: 0
    }
    .pe-menu.pe-menu-mobile-active {
        z-index: 1000
    }
    header>div {
        position: static
    }
    .search-wrap {
        position: absolute;
        right: 50px;
        top: 0;
        z-index: 2010;
        padding-top: 25px
    }
    .search-wrap button {
        display: block
    }
    .search-wrap a {
        display: none
    }
    .search-wrap input[type=text] {
        display: block;
        opacity: 1;
        visibility: visible;
        width: 120px;
        background-color: #f6f6f6
    }
    .pe-menu li.menu-item-pe-wpml>a:not(:only-child):after {
        display: none
    }
    .pe-menu>li.menu-item-pe-wpml {
        overflow: hidden;
        border-left: none;
        padding-bottom: 20px;
        padding-left: 5px;
        margin-left: 24px
    }
    .desktop .pe-menu>li.menu-item-pe-wpml:hover,
    .pe-menu>li.menu-item-pe-wpml.active {
        border-bottom: 0
    }
    .menu-item-pe-wpml .pe-wpml-flag {
        float: left;
        margin-right: 20px;
        padding-top: 3px;
        padding-bottom: 3px!important
    }
    .menu-item-pe-wpml .pe-wpml-flag:last-child {
        margin-right: 0
    }

    /*Custom*/
    .news-item .details .info-wrap p{margin-right: 0 !important;}
    .whitepaper-item-1 .details{width: inherit !important;}
    .whitepaper-item-2 .details{width: inherit !important;}
    .whitepaper-item-3 .details{width: inherit !important;}
    .whitepaper-item-4 .details{width: inherit !important;}
    .whitepaper-item-5 .details{width: inherit !important;}
    .whitepaper-item-6 .details{width: inherit !important;}
}
.mobile .dropdown-menu .active>a,
.nobile .dropdown-menu .active>a:hover {
    color: #fff
}
@media(min-height:768px) {
    .ios .pe-menu-sticky {
        position: fixed!important
    }
    .ios .pe-header-transparent .pe-menu-sticky {
        background-color: rgba(255, 255, 255, 0)
    }
    .ios .pe-header-transparent .pe-menu-sticky .logo {
        opacity: 0
    }
    .ios .pe-header-transparent.pe-header-scrolled .pe-menu-sticky {
        background-color: rgba(255, 255, 255, 1)
    }
    .ios .pe-header-transparent.pe-header-scrolled .pe-menu-sticky .logo {
        opacity: 1
    }
}
@media(max-width:568px) {
    .ios .pe-header-transparent .pe-menu-sticky .pe-menu-main .menu-toggle {
        opacity: 1
    }
    
}
.android .pe-menu-sticky,
.android .pe-header-transparent .pe-menu-sticky,
.android .pe-header-transparent.pe-header-scrolled .pe-menu-sticky {
    position: absolute!important;
    z-index: 2000
}
.android .pe-header-transparent .pe-menu-sticky .logo {
    opacity: 1!important
}
.android .pe-header-transparent .pe-menu-sticky {
    background-color: rgba(255, 255, 255, 1)!important
}
@media(min-width:768px) and (max-width:1023px) {
    .pe-container {
        max-width: 748px;

        margin-left: auto;
        margin-right: auto
    }
    section.pe-main-section>.pe-block {
        max-width: 748px
    }
    aside.sidebar {
        display: block!important
    }
    .inner-spacer-left {
        margin-left: 12px
    }
    .inner-spacer-left-lrg {
        margin-left: 36px
    }
    .inner-spacer-right {
        margin-right: 12px
    }
    .inner-spacer-right-lrg {
        margin-right: 36px
    }
    .info-bar .phone,
    .info-bar .email {
        font-size: 11px
    }
    #lang_sel ul ul {
        width: 149px
    }
    #lang_sel li {
        width: 149px
    }
    .info-bar .sm-icon-wrap a {
        width: 18px;
        margin-top: 2px
    }
    .info-bar .sm-icon-wrap a i {
        font-size: 18px
    }
    .info-bar .span6>div>div {
        margin-left: 20px
    }
    .tagline-home h4,
    .row-lower h4 {
        font-size: 22px
    }
    p.intro.large {
        font-size: 14px
    }
    .pe-menu-main {
        padding-right: 0
    }
    .search-btn {
        display: none
    }
    .action-img {
        width: 218px
    }
    .action h5 {
        font-size: 16px
    }
    .bay h3,
    .bay h6 {
        margin-left: 120px
    }
    .form-horizontal .controls {
        margin-left: 120px
    }
    .form-horizontal .control-label {
        width: 100px
    }
    .widget_newsletter input[type=text] {
        width: 72px
    }
    .widget_flickr .flickr a {
        width: 52px;
        height: 52px;
        overflow: hidden
    }
    .widget_search input[type="text"] {
        width: 152px
    }
    .widget_info .map {
        width: 120px
    }
    cite .accent {
        margin-left: 0
    }
    .shareBox .shareButton {
        margin-left: 10px
    }
    .action .contour-btn.pull-right,
    .action .outline-btn.pull-right {
        float: left;
        clear: both;
        margin: 10px 0
    }
    .pe-view-layout-class-stat .pe-stat {
        padding-left: 15px
    }

    /*Custom*/
    .col-xs-12{width: 100% !important;}
    #section-about video{margin: 0px auto; display: block;}
    .pe-main-section .pe-block p{margin-right: 0px !important;}
    .section-news .news-details > li > p.news-date{margin-right: 15px !important;}
    .section-news .news-details > li p.news-start{margin-right: 10px !important;}
    .section-news .news-details > li h5{margin-right: 20px !important;}
}

@media(min-width:768px) and (max-width:979px) {
    .products-container ul > li{width: 50% !important;}
}

@media(max-width:767px) {
    body {
        padding-left: 0;
        padding-right: 0
    }
    .pe-container {
        max-width: 420px;
        margin-left: auto;
        margin-right: auto
    }
    section.pe-main-section>.pe-block {
        max-width: 420px
    }
    .row-fluid [class*="offset"] {
        margin-left: 0!important
    }
    .row-fluid .offset1:first-child {
        margin-left: 0
    }
    .sidebar {
        display: none!important
    }
    .inner-spacer-left,
    .inner-spacer-left-lrg,
    .inner-spacer-right,
    .inner-spacer-right-lrg {
        margin-left: 0;
        margin-right: 0
    }
    .row-fluid .span5-5 {
        width: 100%!important;
        margin-left: 0!important
    }
    .info-bar .span6>div {
        float: left
    }
    .info-bar .tagline {
        display: none
    }
    .info-bar .span6>div>div {
        float: left;
        margin-left: 20px
    }
    .pe-menu-main {
        padding-right: 0
    }
    .search-btn {
        display: none
    }
    .tagline-home h4 {
        margin-bottom: 0
    }
    .tagline-home .question h4 {
        margin-bottom: 30px
    }
    .tagline-home .span5-5 {
        margin-bottom: 30px
    }
    .tagline h1 {
        font-size: 26px
    }
    .tagline h2 {
        font-size: 24px;
        margin-left: 0
    }
    .row-lower .span4 {
        margin-bottom: 30px
    }
    .row-lower .intro {
        margin-bottom: 15px
    }
    .action .span8 {
        text-align: center
    }
    .action .action-img>img {
        position: relative;
        clear: both;
        margin-left: auto;
        margin-right: auto;
        margin-top: 25px;
        margin-bottom: 0;
        padding-bottom: 0
    }
    .footer .widget {
        margin-bottom: 30px
    }
    .foot-lower .social-media a {
        float: left;
        margin-left: 0;
        margin-right: 8px
    }
    .widget_info .map {
        width: 200px
    }
    .footer .widget_newsletter input[type=text] {
        width: 310px
    }
    .foot-lower .pull-right {
        float: left
    }
    .foot-lower>div>div>div>div:last-child {
        padding-top: 0
    }
    .mugshot {
        margin-bottom: 20px
    }
    .clients img {
        margin-left: auto;
        margin-right: auto
    }
    .contentBox .row-fluid div {
        margin-bottom: 20px
    }
    .contentBox .row-fluid div:last-child {
        margin-bottom: 0!important
    }
    .post-pagination a {
        border: 0
    }
    .shareBox {
        height: auto
    }
    .shareBox h6 {
        float: none
    }
    .shareBox .shareButton {
        float: none;
        margin-left: 0
    }
    .project-single-col .info {
        margin-bottom: 30px
    }
    .featured-project .description {
        float: left
    }
    .featured-project .description,
    .project-intro {
        border-left: none
    }
    .project-intro {
        margin-top: 20px
    }
    .staff-member .small-profile {
        margin-bottom: 60px
    }
    .form-horizontal .controls {
        margin-left: 80px
    }
    .newsletter .controls {
        margin-left: 145px
    }
    .newsletter input[type=text] {
        width: 200px
    }
    .form-horizontal .control-label {
        width: 60px
    }
    .newsletter .control-label {
        width: 120px;
        text-align: left
    }
    .newsletter form {
        margin-left: 5px;
        margin-bottom: 35px;
        margin-top: 25px
    }
    .bay h3,
    .bay h6 {
        margin-left: 80px
    }
    .post .post-image {
        overflow: hidden
    }
    .result-title p {
        margin-bottom: 10px
    }
    .result-title .more-link {
        margin-bottom: 20px;
        display: block
    }
    .five-col .col,
    .four-col .col,
    .three-col .col,
    .two-col .col {
        width: 50%
    }
    .action .contour-btn.pull-right,
    .action .outline-btn.pull-right {
        float: left;
        clear: both;
        margin: 10px 0
    }
    .pagination ul>li {
        margin-bottom: 5px
    }
    .pe-view-layout-class-stats>div>[class*="span"] {
        border-left: none
    }
    .pe-view-layout-class-stat .pe-stat {
        padding-left: 0
    }
    .pe-view-layout-class-homecolumns>div>[class*="span"] {
        margin-bottom: 80px
    }
    .pe-view-layout-class-homecolumns>div>[class*="span"]:last-child {
        margin-bottom: 0
    }
    .pe-view-layout-class-services .peWrap .service-item {
        border-left: none
    }

    /*Custom*/
    .col-xs-12{width: 100% !important;}
    #section-about video{margin: 0px auto; display: block;}
    .pe-main-section .pe-block p{margin-right: 0px !important;}
    .pe-container{max-width: 90%;}
    #inspire-inoto{padding-top: 50px !important;}
    #inspire-inoto h3{font-size: 36px !important;}
    #inspire-inoto h5{font-size: 18px !important;}
    .section-news .news-details > li > p.news-date{margin-right: 15px !important;}
    .section-news .news-details > li p{}
    .section-news .news-details > li p.news-start{margin-right: 18px !important;}
    .section-news .news-details > li h5{margin-right: 20px !important;}
    #inspire-inoto h3{font-size: 30px !important;}
    #inspire-inoto h5{font-size: 15px !important;}
    .products-container ul > li{width: 80% !important; margin: 0px auto; display: block !important; float: none !important; margin-bottom: 10px;}
    .pe-container{text-align: center;}
}
@media(max-width:480px) {
    .ios .pe-header-transparent .pe-menu-sticky .pe-menu-main .menu-toggle {
        opacity: 1
    }
    .pe-container {
        max-width: 440px;
        margin-left: auto;
        margin-right: auto
    }
    .pe-view-layout-class-testimonials .peWrap>div>div {
        margin-left: 0!important;
        margin-right: 0!important
    }
    .footer .widget_newsletter input[type=text] {
        width: 350px
    }
    .form-horizontal .controls {
        margin-left: 0
    }
    .form-horizontal .control-label {
        width: 100%
    }
    .bay h3,
    .bay h6 {
        margin-left: 0
    }
    .project-pagination a {
        border: 0;
        font-size: 11px;
        height: auto;
        padding: 1px 3px;
        line-height: 20px
    }
    .project-pagination li.selected a,
    .project-pagination a:hover {
        background-color: transparent;
        border-bottom: 1px solid #d95137;
        color: #333
    }
    .action .buttons a {
        margin-bottom: 15px
    }
    .action .buttons a:last-child {
        margin-bottom: 0
    }
    .widget_info .map {
        width: 160px
    }
    .five-col .col,
    .four-col .col,
    .three-col .col,
    .two-col .col {
        width: 100%
    }
    .action .contour-btn,
    .action .outline-btn {
        margin: 10px 0
    }

    /*Custom*/
    /*.col-xs-12{width: 100% !important;}
    #section-about video{margin: 0px auto; display: block;}
    .pe-main-section .pe-block p{margin-right: 0px !important;}*/


}
@media(max-width:479px) {
    .pe-container {
        max-width: 280px;
        margin-left: auto;
        margin-right: auto
    }
    .footer .widget_newsletter input[type=text] {
        width: 170px
    }
    .post .post-meta {
        width: 198px
    }
    .post-meta .categories {
        margin-left: 0;
        clear: left
    }
    .sm-icon-wrap {
        margin-left: 0!important;
        padding-top: 5px
    }

    /*Custom*/
    .pe-container{max-width: 90%;}
     #inspire-inoto h3{font-size: 28px !important;}
}
@media(min-width:1200px) {
    .row {
        margin-left: -20px;
        *zoom: 1
    }
    .row:before,
    .row:after {
        display: table;
        line-height: 0;
        content: ""
    }
    .row:after {
        clear: both
    }
    [class*="span"] {
        float: left;
        min-height: 1px;
        margin-left: 20px
    }
    .container,
    .navbar-static-top .container,
    .navbar-fixed-top .container,
    .navbar-fixed-bottom .container {
        width: 940px
    }
    .row-fluid [class*="span"] {
        float: left;
        width: 100%;
        margin-left: 2.127659574468085%;
        *margin-left: 2.074468085106383%
    }
    .row-fluid .span12 {
        width: 100%;
        *width: 99.94680851063829%;
        margin-left: 0
    }
    .row-fluid .span11 {
        width: 91.48936170212765%;
        *width: 91.43617021276594%
    }
    .row-fluid .span10 {
        width: 82.97872340425532%;
        *width: 82.92553191489361%
    }
    .row-fluid .span9 {
        width: 74.46808510638297%;
        *width: 74.41489361702126%
    }
    .row-fluid .span8 {
        width: 65.95744680851064%;
        *width: 65.90425531914893%
    }
    .row-fluid .span7 {
        width: 57.44680851063829%;
        *width: 57.39361702127659%
    }
    .row-fluid .span6 {
        width: 48.93617021276595%;
        *width: 48.88297872340425%
    }
    .row-fluid .span5 {
        width: 40.42553191489362%;
        *width: 40.37234042553192%
    }
    .row-fluid .span4 {
        width: 31.914893617021278%;
        *width: 31.861702127659576%
    }
    .row-fluid .span3 {
        width: 23.404255319148934%;
        *width: 23.351063829787233%
    }
    .row-fluid .span2 {
        width: 14.893617021276595%;
        *width: 14.840425531914894%
    }
    .row-fluid .span1 {
        width: 6.382978723404255%;
        *width: 6.329787234042553%
    }
    .row-fluid .offset12 {
        margin-left: 104.25531914893617%;
        *margin-left: 104.14893617021275%
    }
    .row-fluid .offset12:first-child {
        margin-left: 102.12765957446808%;
        *margin-left: 102.02127659574467%
    }
    .row-fluid .offset11 {
        margin-left: 95.74468085106382%;
        *margin-left: 95.6382978723404%
    }
    .row-fluid .offset11:first-child {
        margin-left: 93.61702127659574%;
        *margin-left: 93.51063829787232%
    }
    .row-fluid .offset10 {
        margin-left: 87.23404255319149%;
        *margin-left: 87.12765957446807%
    }
    .row-fluid .offset10:first-child {
        margin-left: 85.1063829787234%;
        *margin-left: 84.99999999999999%
    }
    .row-fluid .offset9 {
        margin-left: 78.72340425531914%;
        *margin-left: 78.61702127659572%
    }
    .row-fluid .offset9:first-child {
        margin-left: 76.59574468085106%;
        *margin-left: 76.48936170212764%
    }
    .row-fluid .offset8 {
        margin-left: 70.2127659574468%;
        *margin-left: 70.10638297872339%
    }
    .row-fluid .offset8:first-child {
        margin-left: 68.08510638297872%;
        *margin-left: 67.9787234042553%
    }
    .row-fluid .offset7 {
        margin-left: 61.70212765957446%;
        *margin-left: 61.59574468085106%
    }
    .row-fluid .offset7:first-child {
        margin-left: 59.574468085106375%;
        *margin-left: 59.46808510638297%
    }
    .row-fluid .offset6 {
        margin-left: 53.191489361702125%;
        *margin-left: 53.085106382978715%
    }
    .row-fluid .offset6:first-child {
        margin-left: 51.063829787234035%;
        *margin-left: 50.95744680851063%
    }
    .row-fluid .offset5 {
        margin-left: 44.68085106382979%;
        *margin-left: 44.57446808510638%
    }
    .row-fluid .offset5:first-child {
        margin-left: 42.5531914893617%;
        *margin-left: 42.4468085106383%
    }
    .row-fluid .offset4 {
        margin-left: 36.170212765957444%;
        *margin-left: 36.06382978723405%
    }
    .row-fluid .offset4:first-child {
        margin-left: 34.04255319148936%;
        *margin-left: 33.93617021276596%
    }
    .row-fluid .offset3 {
        margin-left: 27.659574468085104%;
        *margin-left: 27.5531914893617%
    }
    .row-fluid .offset3:first-child {
        margin-left: 25.53191489361702%;
        *margin-left: 25.425531914893618%
    }
    .row-fluid .offset2 {
        margin-left: 19.148936170212764%;
        *margin-left: 19.04255319148936%
    }
    .row-fluid .offset2:first-child {
        margin-left: 17.02127659574468%;
        *margin-left: 16.914893617021278%
    }
    .row-fluid .offset1 {
        margin-left: 10.638297872340425%;
        *margin-left: 10.53191489361702%
    }
    .row-fluid .offset1:first-child {
        margin-left: 8.51063829787234%;
        *margin-left: 8.404255319148938%
    }
    input,
    textarea,
    .uneditable-input {
        margin-left: 0
    }
    .controls-row [class*="span"]+[class*="span"] {
        margin-left: 20px
    }
    input.span12,
    textarea.span12,
    .uneditable-input.span12 {
        width: 926px
    }
    input.span11,
    textarea.span11,
    .uneditable-input.span11 {
        width: 846px
    }
    input.span10,
    textarea.span10,
    .uneditable-input.span10 {
        width: 766px
    }
    input.span9,
    textarea.span9,
    .uneditable-input.span9 {
        width: 686px
    }
    input.span8,
    textarea.span8,
    .uneditable-input.span8 {
        width: 606px
    }
    input.span7,
    textarea.span7,
    .uneditable-input.span7 {
        width: 526px
    }
    input.span6,
    textarea.span6,
    .uneditable-input.span6 {
        width: 446px
    }
    input.span5,
    textarea.span5,
    .uneditable-input.span5 {
        width: 366px
    }
    input.span4,
    textarea.span4,
    .uneditable-input.span4 {
        width: 286px
    }
    input.span3,
    textarea.span3,
    .uneditable-input.span3 {
        width: 206px
    }
    input.span2,
    textarea.span2,
    .uneditable-input.span2 {
        width: 126px
    }
    input.span1,
    textarea.span1,
    .uneditable-input.span1 {
        width: 46px
    }
}

.arrow_one {
    border: 1px solid rgb(212, 212, 212);
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: red;
}


/*.pulse {*/
    /*animation-name: pulse_animation;*/
    /*animation-duration: 5000ms;*/
    /*transform-origin:70% 70%;*/
    /*animation-iteration-count: infinite;*/
    /*animation-timing-function: linear;*/
/*}*/

/*flip div animation*/

.flip-container {
    -webkit-perspective: 600px;
    -moz-perspective: 600px;
    -ms-perspective: 600px;
    perspective: 600px;
    -ms-transform: perspective(200px);
    -moz-transform: perspective(200px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    /*border: 1px solid #ccc;*/

}


.flip-container:hover .back, .flip-container.hover .back {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.flip-container:hover .front, .flip-container.hover .front {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}



.flip-container, .front, .back {

    height: 100%;
    width: auto;

}

.flipper {
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -moz-transition: 0.6s;
    -moz-transform: perspective(1500px);
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: relative;

}

.front, .back {
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: 0.6s;
    -webkit-transform-style: preserve-3d;
    -moz-transition: 0.6s;
    -moz-transform-style: preserve-3d;
    -o-transition: 0.6s;
    -o-transform-style: preserve-3d;
    -ms-transition: 0.6s;
    -ms-transform-style: preserve-3d;
    transition: 0.6s;
    transform-style: preserve-3d;
    position: absolute;
    top: 0px;
    left: 0px;

}

.front {
    -webkit-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    background: #ffffff;
    z-index: 2;
    height: 280px;
}

.back {
    background: #c4c3c1;
    -webkit-transform: rotateY(-180deg);
    -moz-transform: rotateY(-180deg);
    -o-transform: rotateY(-180deg);
    -ms-transform: rotateY(-180deg);
    transform: rotateY(-180deg);
    height: 280px;
}

.back h2 {
    color: #00aff0;
}

.product_detail {
    text-align: center;
    color: #ffffff;
    width:280px;
    margin: 0 auto;
}

.product_detail p{
    text-align: center;
    color: #ffffff;
    line-height: 1px;
    margin: 22px auto;
}

.product_head {
    width:280px;
}

.product_detail a{
    text-align: center;
    color: #ffffff;
}

.product_detail a button{
    text-align: center;
    color: #ffffff;
    background-color: #00aff0;
    border-radius: 10px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #00aff0;
    font-family: Raleway;
    font-weight: bold;
    font-size: 120%;
}

.box {
    min-height: 300px;
    max-height: 300px;
    width: 300px;
    background: #ffffff;
    /*position: absolute;*/
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
}

.box a {
    color: #5c5c5c;
}

.content {
    width: 20px;
    background: #00aff0;
    height: 0;
    transition: all 0.4s ease-in-out;
    position: absolute;
    z-index: 999;
    margin-top: -308px;
    /*margin-left: 50px;*/
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
}

.content1 {
    width: 300px;
}

.box:hover  .content {
    height: 200px;
    width: 300px;
    opacity: .8;
}

.box h4 {
    font-family: Raleway;
    font-weight: bolder;
}

.box:hover > h4 a {
    color: #00aff0;
  }

.content1 {
    opacity: 0;
}

.content1 h3 {
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    padding: 20px;
    opacity: 1;
}

.box:hover  .content1{
    opacity: 1;
    color: white;
    z-index: 9999;
}

.socialbar {
    text-align: center;
    margin-top: -20px;
}

.socialbtn {
    background-color: #0e0e0e;
    opacity: .5;
    color: #ffffff;
    height: 30px;
    width: 30px;
    border: none;
}

.fb:hover {
    color: rgba(25, 74, 255, 0.82);
}

.tw:hover {
    color: #2288c6;
}

.go:hover {
    color: #d74037;
}
.you:hover {
    color: #a90c0d;
}

.raleway_font {
    font-family: Raleway;
    padding: 10px;
    min-height:100px;
}

.controls1 {
    padding-left:100px;
}