@font-face {
  font-family: 'Glyphicons Halflings';

  src: url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.eot');
  src: url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.woff2') format('woff2'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.woff') format('woff'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('../../../external_api/site/bootstrap/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.collapse {
    display: none
}
.collapse.in {
    display: block
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height .35s ease;
    transition: height .35s ease
}
.clear {
    clear: both;
    height: 0px
}
.clear:before,
.clear:after {
    content: "";
    display: table
}
.clear:after {
    clear: both
}
body.w970 .container {
    max-width: 970px
}
.text-warning {
    color: #FC0
}
.text-error {
    color: #FF3B30
}
.text-info {
    color: #34AADC
}
.text-success {
    color: #00B74C
}
.text-left {
    text-align: left
}
.text-right {
    text-align: right
}
.text-center {
    text-align: center
}
.excerpt {
    color: #2D343E;
    font-style: italic
}
.highlight {
    color: #FFF
}
.articles_content img {
    width: 100% !important
}
.footcom {
    margin-top: -8px;
    border-bottom: 1px solid #d0d3d4;
    margin-bottom: 5px;
}

hr, .devider-top:before, .devider-bottom:after {
    height: 1px;
    border: 0;
    border: none;
    margin: 30px 0;
    display: block;
    content: '';
    height: 3px;
    width: 100%;
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(221, 114, 60, 0)), color-stop(33%, #FFFFFF), color-stop(66%, #FFFFFF), color-stop(100%, rgba(221, 114, 60, 0)));
    background: -webkit-linear-gradient(left, rgba(221, 114, 60, 0) 0%, #FFFFFF 33%, #FFFFFF 66%, rgba(221, 114, 60, 0) 100%);
    background: transparent linear-gradient(to right, rgba(221, 114, 60, 0) 0%, #FFFFFF 33%, #FFFFFF 66%, rgba(221, 114, 60, 0) 100%) repeat scroll 0% 0%
}

hr.gray {
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(134, 135, 137, 0)), color-stop(33%, rgba(134, 135, 137, 1)), color-stop(66%, rgba(134, 135, 137, 1)), color-stop(100%, rgba(134, 135, 137, 0)));
    background: -webkit-linear-gradient(left, rgba(134, 135, 137, 0) 0%, rgba(134, 135, 137, 1) 33%, rgba(134, 135, 137, 1) 66%, rgba(134, 135, 137, 0) 100%);
    background: linear-gradient(to right, rgba(134, 135, 137, 0) 0%, rgba(134, 135, 137, 1) 33%, rgba(134, 135, 137, 1) 66%, rgba(134, 135, 137, 0) 100%)
}

h2.gray {
    color: #868789
}

h2.light {
    font-weight: lighter
}

hr.devider-heavy, .devider-heavy:after, .devider-heavy:before {
    height: 5px
}

hr.devider-margin-medium, .devider-margin-medium.devider-top:before, .devider-margin-medium.devider-bottom:after {
    margin: 40px 0
}

hr.devider-margin-big, .devider-margin-big.devider-top:before, .devider-margin-big.devider-bottom:after {
    margin: 50px 0
}

.row + hr,
.row + .devider-top:before,
.row + .devider-bottom:after {
    margin-top: 0
}

.row + hr.devider-margin-medium,
.row + .devider-margin-medium.devider-top:before,
.row + .devider-margin-medium.devider-bottom:after {
    margin-top: 10px
}

.row + hr.devider-margin-big,
.row + .devider-margin-big.devider-top:before,
.row + .devider-margin-big.devider-bottom:after {
    margin-top: 20px
}

.dropcap {
    background: #F9F9F9;
    display: inline-block;
    float: left;
    font-weight: 600;
    font-size: 23px;
    height: 36px;
    line-height: 36px;
    margin: 0 7px 0 0;
    text-align: center;
    min-width: 36px;
    border: 1px solid #F1F1F1
}

.dropcap.clean {
    background: transparent;
    font-size: 36px;
    border-color: transparent
}

blockquote {
    background-color: #F9F9F9;
    position: relative;
    font-style: italic;
    padding: 40px 20px 20px 40px;
    margin: 0 0 15px 0;
    font-size: 16px;
    font-weight: 200;
    line-height: 30px;
    border: 1px solid #F1F1F1;
    color: #2D343E
}

blockquote:before {
    font-size: 42px;
    content: '"';
    position: absolute;
    top: 35px;
    left: 10px;
    font-weight: 200
}

blockquote p {
    margin-bottom: 0
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote .author {
    text-align: right;
    font-weight: normal
}

ul, ol {
    margin: 30px 0;
    padding: 0
}

ul > li > ul, ol > li > ul,
ul > li > ol, ol > li > ol {
    margin: 15px 0
}

ul:first-child, ol:first-child {
    margin-top: 0
}

ul.default > li, ul.arrow > li, ul.circle > li,
ul.check > li, ul.plus > li, ul.dash > li {
    list-style: none;
    padding: 0 0 0 24px;
    position: relative;
    margin: 5px 0
}

ol > li {
    margin: 5px 0
}

ul.default > li {
    padding: 0
}

ul.arrow > li:before, ul.circle > li:before, ul.check > li:before,
ul.plus > li:before, ul.dash > li:before {
    left: 0;
    top: 1px;
    position: absolute;
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased
}

ul.arrow > li:before {
    content: "\f054"
}

ul.circle > li:before {
    top: 4px;
    font-size: 7px;
    content: "\f111"
}

ul.check > li:before {
    content: "\f00c"
}

ul.plus > li:before {
    content: "\f067"
}

ul.dash > li:before {
    top: 2px;
    content: "\f068"
}

.text-right ul.arrow > li, .text-right ul.circle > li,
.text-right ul.check > li, .text-right ul.plus > li, .text-right ul.dash > li {
    padding: 0 24px 0 0
}

.text-right ul li:before {
    left: auto;
    right: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

pre {
    display: block;
    padding: 30px;
    margin-bottom: 30px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1
}

pre div {
    display: inline-block
}

pre code {
    font-size: inherit;
    color: inherit;
    white-space: -moz-pre-wrap;
    white-space: -o-pre-wrap;
    white-space: pre-wrap;
    word-wrap: break-word;
    background-color: transparent
}

.hll {
    background-color: #FFC
}

.c {
    color: #999
}

.err {
    color: #A00;
    background-color: #FAA
}

.k {
    color: #069
}

.o {
    color: #555
}

.cm {
    color: #09F;
    font-style: italic
}

.cp {
    color: #099
}

.c1 {
    color: #999
}

.cs {
    color: #999
}

.gd {
    background-color: #FCC;
    border: 1px solid #C00
}

.ge {
    font-style: italic
}

.gr {
    color: #F00
}

.gh {
    color: #030
}

.gi {
    background-color: #CFC;
    border: 1px solid #0C0
}

.go {
    color: #AAA
}

.gp {
    color: #009
}

.gs {
}

.gu {
    color: #030
}

.gt {
    color: #9C6
}

.kc {
    color: #069
}

.kd {
    color: #069
}

.kn {
    color: #069
}

.kp {
    color: #069
}

.kr {
    color: #069
}

.kt {
    color: #078
}

.m {
    color: #F60
}

.s {
    color: #D44950
}

.na {
    color: #4F9FCF
}

.nb {
    color: #366
}

.nc {
    color: #0A8
}

.no {
    color: #360
}

.nd {
    color: #99F
}

.ni {
    color: #999
}

.ne {
    color: #C00
}

.nf {
    color: #C0F
}

.nl {
    color: #99F
}

.nn {
    color: #0CF
}

.nt {
    color: #2F6F9F
}

.nv {
    color: #033
}

.ow {
    color: #000
}

.w {
    color: #BBB
}

.mf {
    color: #F60
}

.mh {
    color: #F60
}

.mi {
    color: #F60
}

.mo {
    color: #F60
}

.sb {
    color: #C30
}

.sc {
    color: #C30
}

.sd {
    color: #C30;
    font-style: italic
}

.s2 {
    color: #C30
}

.se {
    color: #C30
}

.sh {
    color: #C30
}

.si {
    color: #A00
}

.sx {
    color: #C30
}

.sr {
    color: #3AA
}

.s1 {
    color: #C30
}

.ss {
    color: #FC3
}

.bp {
    color: #366
}

.vc {
    color: #033
}

.vg {
    color: #033
}

.vi {
    color: #033
}

.il {
    color: #F60
}

.css .o,
.css .o + .nt,
.css .nt + .nt {
    color: #999
}

table {
    margin-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

table th,
table td {
    padding: 3px
}

.table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%
}

.table th,
.table td {
    text-align: left;
    vertical-align: top;
    border-top: 1px solid #F1F1F1
}

.table  tr:first-child th,
.table  tr:first-child td {
    border-top: 0
}

.table th {
    font-weight: 600;
    color: #2D343E
}

.table thead th {
    vertical-align: bottom
}

.table.table-striped tbody > tr:nth-child(odd) > td,
.table.table-striped tbody > tr:nth-child(odd) > th {
    background-color: #F9F9F9
}

.table.table-title {
    border: 1px solid #F1F1F1;
    background-color: #FFF
}

.table.table-title thead th {
    background-color: #F9F9F9
}

.stripes {
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(0, 0, 0, 0.03)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(0, 0, 0, 0.03)), color-stop(0.75, rgba(0, 0, 0, 0.03)), color-stop(0.75, transparent), to(transparent));
    background-image: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.03) 25%, transparent 25%, transparent 50%, rgba(0, 0, 0, 0.03) 50%, rgba(0, 0, 0, 0.03) 75%, transparent 75%, transparent);
    -moz-background-size: 40px 40px;
    background-size: 40px 40px
}

.trb {background: #FFF;}
.tra {background: #f5f5f5;}
.tra td:nth-child(2), .trb td:nth-child(2) {
   text-align: right;
}

.stripes.animated {
    -webkit-animation: progress-bar-stripes 1.5s linear infinite;
    animation: progress-bar-stripes 1.5s linear infinite
}

@-webkit-keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

@keyframes progress-bar-stripes {
    from {
        background-position: 40px 0
    }
    to {
        background-position: 0 0
    }
}

.pagination {
    margin-bottom: 30px
}

.pagination ul {
    list-style-type: none;
    margin: 0;
    width: 100%;
    display: inline-block;
    text-align: center
}

.pagination ul > li {
    width: 100%;
    display: inline-block
}

.pagination ul > li.current {
    padding: 0;
    display: inline-block;
    float: none;
    line-height: 20px
}

.pagination ul > li.current > a {
    background-color: #002E63;
    border: 1px solid #002E63;
    border-radius: 30px;
    height: 40px;
    width: 40px
}

.pagination ul > li.current > a:hover {
    background-color: #FF7D33;
    border-color: #FF7D33
}

.pagination ul > li + li {
    margin-top: 10px
}

@media screen and (min-width: 768px) {
    .pagination ul > li {
        float: left;
        width: auto
    }

    .pagination ul > li + li {
        margin-top: 0
    }

    .pagination ul > li.next {
        float: right
    }
}

.pagination ul > li a {
    color: #FFF;
    border-color: #282E3A;
    background-color: #282E3A;
    padding: 0 15px;
    display: inline-block;
    margin-right: 1px;
    line-height: 40px;
    min-width: 40px;
    height: 40px;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    position: relative;
    -webkit-transition: color linear 0.1s, background-color linear 0.1s;
    transition: color linear 0.1s, background-color linear 0.1s
}

.pagination ul > li a:hover {
    color: #FFF;
    background-color: #535861;
    border-color: #535861
}

.pagination ul > li a:active {
    border-color: #282E3A;
    top: 1px;
    left: 1px;
    -webkit-box-shadow: none;
    box-shadow: none
}

.pagination ul > li a:last-child {
    margin-right: 0
}

.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 11px;
    line-height: 1.4;
    opacity: 0;
    visibility: visible
}

.tooltip.fade {
    opacity: 0;
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear
}

.tooltip.fade.in {
    opacity: 1
}

.tooltip.in {
    opacity: 0.8
}

.tooltip.top {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.right {
    padding: 0 5px;
    margin-left: 3px
}

.tooltip.bottom {
    padding: 5px 0;
    margin-top: 3px
}

.tooltip.left {
    padding: 0 5px;
    margin-left: -3px
}

.tooltip-inner {
    max-width: 200px;
    padding: 15px;
    color: #FFF;
    text-align: center;
    text-decoration: none;
    background-color: #282E3A;
    border-radius: 2px
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-top-color: #282E3A;
    border-width: 5px 5px 0
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: 5px;
    border-right-color: #282E3A;
    border-width: 5px 5px 5px 0
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: 5px;
    border-left-color: #282E3A;
    border-width: 5px 0 5px 5px
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-bottom-color: #282E3A;
    border-width: 0 5px 5px
}

a.userpic,
a.avatar {
    position: relative
}

.link,
.lightbox {
    position: relative;
    display: inline-block
}

.link.btn,
.link > .btn,
.lightbox.btn,
.lightbox > .btn,
a.userpic > .btn,
a.avatar > .btn {
    border: none;
    background: rgba(255, 255, 255, 0.4);
    color: #2D343E
}

.link.btn:hover,
.link:hover > .btn,
.lightbox.btn:hover,
.lightbox:hover > .btn,
a.userpic:hover > .btn,
a.avatar:hover > .btn {
    background: rgba(255, 255, 255, 0.9);
    color: #2D343E
}

.lightbox > .btn,
.link > .btn,
a.userpic > .btn,
a.avatar > .btn {
    left: 50%;
    margin-left: -28px;
    top: 50%;
    margin-top: 18px;
    position: absolute;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.lightbox:hover > .btn,
.link:hover > .btn,
a.userpic:hover > .btn,
a.avatar:hover > .btn {
    margin-left: -18px;
    opacity: 1
}


.skill-title > * {
    text-transform: uppercase;
    margin: 0;
    background: #F9F9F9;
    border: 1px solid #F1F1F1;
    padding: 20px;
    display: inline-block;
    position: relative;
    margin-bottom: 10px;
    font-weight: normal
}

.skill-title > *:after,
.skill-title > *:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-top: 8px solid #F9F9F9;
    bottom: -8px;
    margin-left: -8px;
    left: 50%
}

.skill-title > *:before {
    bottom: -9px;
    border-top-color: #F1F1F1
}

.skill,
.progress {
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    width: 100%;
    display: inline-block;
    border-radius: 2px;
    margin-bottom: 30px
}

.skill .bar,
.progress .bar {
    height: 36px;
    line-height: 36px;
    border-radius: 2px;
    width: 0%;
    margin: -1px;
    color: #FFF;
    height: 100%;
    float: left;
    font-size: 16px;
    text-align: center;
    -webkit-transition: width 2s ease;
    transition: width 2s ease
}

body .bar.bar-blue {
    background-color: #007AFF
}

body .bar.bar-purple {
    background-color: #C643FC
}

body .bar.bar-brown {
    background-color: #7F5C49
}

body .bar.bar-dark {
    background-color: #282E3A
}

body .bar.bar-pink {
    background-color: #FF2D55
}

body .bar.bar-teal {
    background-color: #34AADC
}

body .bar.bar-green {
    background-color: #00B74C
}

body .bar.bar-yellow {
    background-color: #FC0
}

body .bar.bar-orange {
    background-color: #002E63
}

body .bar.bar-light {
    background-color: #F9F9F9
}

body .bar.bar-red {
    background-color: #FF3B30
}

body .bar.bar-white {
    background-color: #FFF
}

.container-out.container-light .skill,
.container-out.container-light .progress {
    background-color: #FFF
}

.container-out.container-light .skill-title > * {
    background-color: #FFF
}

.container-out.container-light .skill-title > *:after {
    border-top-color: #FFF
}

.form-field {
    position: relative;
    margin-bottom: 4px;
    display: block
}

.tab .form-control,
.tab select,
.container-light select,
.container-light .form-control {
    background-color: #FFF
}
/*
input[type="checkbox"],
input[type="radio"] {
    visibility: hidden;
    position: absolute
}

input[type="checkbox"] + label,
input[type="radio"] + label {
    position: relative;
    padding-left: 25px;
    font-weight: normal;
    color: #888
}

input[type="checkbox"] + label:before,
input[type="radio"] + label:before {
    position: absolute;
    left: 0;
    content: "";
    display: inline-block;
    width: 19px;
    height: 19px;
    background-color: #2D343E;
    line-height: 1;
    border-radius: 2px
}

    input[type="radio"] + label:after {
        display: none;
        content: "";
        position: absolute;
        height: 9px;
        width: 9px;
        left: 5px;
        top: 5px;
        background-color: #FFF
    }

    input[type="checkbox"] + label:after {
        position: absolute;
        font-family: 'icomoon';
        content: "\e6fe";
        color: #FFF;
        left: 0;
        width: 19px;
        text-align: center;
        line-height: 19px;
        top: 0;
        display: none
    }*/

    input[type="radio"] + label:before,
    input[type="radio"] + label:after {
        border-radius: 50%
    }

    input[type="checkbox"]:checked + label:after,
    input[type="radio"]:checked + label:after {
        display: block
    }

.form-desc {
    font-size: 12px;
    margin: 5px 0 0 0;
    line-height: 1;
    color: #ADADAD
}

.form-field label {
    cursor: pointer;
    display: block;
    margin-bottom: 5px;
    color: #2D343E;
    font-weight: 600
}

.form-field label[class*="col-"] {
    margin-top: 15px;
    text-align: left
}

@media (min-width: 768px) {
    .form-field label[class*="col-sm-"] {
        text-align: right
    }
}

@media (min-width: 992px) {
    .form-field label[class*="col-md-"] {
        text-align: right
    }
}

@media (min-width: 1200px) {
    .form-field label[class*="col-lg-"] {
        text-align: right
    }
}


body select.error select,
body .form-control.error {
    border-color: #FF3B30;
    -webkit-box-shadow: 0 0 0 1px #FF3B30;
    box-shadow: 0 0 0 1px #FF3B30
}

.form-field .text-error {
    margin-top: 3px;
    font-size: 12px;
    line-height: 1;
    position: absolute;
    left: 15px;
    top: 100%
}

.form-field > .text-error,
.form-group > .text-error {
    left: 0
}

form .btn[class*="btn-icon-"] {
    float: right
}

.btn[class*="btn-icon-"] + .form-field {
    width: auto;
    display: block;
    margin-right: 60px
}

.form-field + span.error {
    margin-top: 15px;
    display: block;
    margin-bottom: 15px;
    font-size: 12px
}

.response {
    margin-bottom: 30px;
    position: relative;
    padding: 15px;
    border: 1px solid transparent;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.response.success {
    background-color: #33C570;
    border-color: #00B74C
}

.response.error {
    background-color: #FF6259;
    border-color: #FF3B30
}

.ui-widget-content {
    background: #2D343E;
    color: #FFF;
    padding: 10px;
    z-index: 10 !important;
    margin-top: 5px;
    border-radius: 3px
}

.ui-widget-header {
    background: rgba(255, 255, 255, .1);
    margin: -10px -10px 0;
    position: relative;
    line-height: 40px
}

.ui-widget-header .ui-datepicker-prev,
.ui-widget-header .ui-datepicker-next {
    position: absolute
}

.ui-widget-header .ui-datepicker-prev {
    left: 10px
}

.ui-widget-header .ui-datepicker-next {
    right: 10px
}

.ui-widget-header .ui-datepicker-title {
    text-align: center
}

.ui-widget-content table {
    margin-bottom: 0
}

.ui-widget-content table td {
    border-top: 1px solid rgba(255, 255, 255, .1);
    cursor: pointer
}

.ui-widget-content table tbody td:hover a {
    color: #FFF
}

.ui-widget-content a:hover {
    color: #FFF;
    cursor: pointer
}

.breadcrumbs {
    background-color: #f5f5f5;
    font-size: 11px;
    line-height: 45px;
	border-top: 7px solid #FFFFFF;
}

/*.breadcrumbs:before {
    content:'';
    position:absolute;
    width:100%;
    height:7px;
    top:0px;
    left:0;

    background: #FFFFFF;
    background: -moz-linear-gradient(left, #FFFFFF 0%, #2989d8 54%, #207cca 80%, #3166ae 100%);
    background: -webkit-linear-gradient(left, #FFFFFF 0%,#2989d8 54%,#207cca 80%,#3166ae 100%);
    background: linear-gradient(to right,#FFFFFF 0%,#2989d8 54%,#207cca 80%,#3166ae 100%);
    background-color: rgba(0, 0, 0, 0);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#3166ae',GradientType=1 );
}*/

.breadcrumbs ul {
    padding: 10px 0;
    margin: 0;
    display: inline-block;
    line-height: 0
}

.breadcrumbs ul li {
    font-family: Open Sans, sans-serif;
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    position: relative;
    font-size: 11px;
    padding-left: 7px;
    line-height: 25px
}

/*.breadcrumbs ul li:after{ content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:12px;top:0}*/

.breadcrumbs ul li.dot:before {
    content: ":";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;
    -webkit-font-smoothing: antialiased;
    position: absolute;
    left: 2px;
    top: 0;
    color: #7F999E;
}

/*.breadcrumbs ul li.plus:before{ content:"\f105";font-family:FontAwesome;font-weight:normal;font-style:normal;text-decoration:inherit;-webkit-font-smoothing:antialiased;position:absolute;left:12px;top:0}*/

#marcas .thumbnail{background-color:#f4f4f4;padding:50px;/*height:150px;*/margin-left: -16px;}


.thumbnail{
    padding:30px 0px 30px 0px !important;
}

.breadcrumbs ul li span.home:after {
    font-family: FontAwesome;
    content: "\f105";
    color: #262626;
    font-size: 11px;
    position: relative;
}

.breadcrumbs ul li span.home {
    padding-left: 5px
}

.breadcrumbs ul li:first-child {
    padding-left: 0
}

.breadcrumbs ul li:first-child:after {
    display: none
}

.breadcrumbs ul li a {
    color: #b3b3b3;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 11px;
	text-transform: uppercase;
}

.breadcrumbs ul li:first-child a {
    color: #000;
    display: block;
    font-family: Open Sans, sans-serif;
    font-size: 11px;
}

.breadcrumbs ul li a.home {
    font-size: 2em;
    padding-left: 0
}

.breadcrumbs ul li a.home:before {
    font-family: FontAwesome;
    content: "\f015";
    color: #000;
    position: relative;
    top: 1px
}

.breadcrumbs ul li a.home i {
    display: block
}

.breadcrumbs ul li.current a,
.breadcrumbs ul li a:hover {
    color: #888
}

body #page-header .breadcrumbs {
    border: none;
    background-color: rgba(255, 255, 255, 0.6);
    color: #2D343E
}

body #page-header .breadcrumbs a {
    color: #2D343E
}

.hide-to-bottom {
    margin-bottom: 0
}
.project-filter { color:#2d343e;/*background-color:#f9f9f9;*/line-height:25px;clear:both }
.project-filter p { display:inline-block;float:right;margin-top:14px;margin-bottom:0 }
.project-filter ul { padding:0;margin:0;font-size:0;line-height:0 }
.project-filter ul li { padding:0;font-size:13px;display:inline-block;vertical-align:middle;list-style:none;height: 30px }
.project-filter ul li a { line-height: 20px;font-size: 15px;font-weight: bold;color:#ADADAD;cursor:pointer;display:block }
.project-filter ul li + li a { margin-left:15px }
.project-filter li.selector { padding:0;width:50px;height:50px;line-height:50px;text-align:center;margin-right:15px;color:#fff;background-color:#2d343e;-webkit-transition:background-color linear 0.1s;transition:background-color linear 0.1s }
.project-filter ul:hover li.selector { color:#fff }
.project-filter li.selector:before { content:"\f00a";font-family:FontAwesome;font-size:18px;display:block;font-weight:normal }
.project-filter-current { text-transform:capitalize }

.comments .title.title-main span {
    position: relative;
    z-index: 1;
    margin-left: 15px;
    top: -15px;
    color: #2D343E;
    font-size: 16px
}

.comments .title.title-main span:after {
    font-family: 'icomoon';
    content: "\e66a";
    color: #F1F1F1;
    position: absolute;
    font-size: 36px;
    top: -6px;
    left: -9px;
    z-index: -1
}

.comments .title.title-main .btn {
    float: right;
    margin: 0
}

.comments ul.comments-content {
}

.comments ul.comments-content li {
    list-style-type: none;
    position: relative;
    padding-top: 30px
}

.comments ul.comments-content li:first-child {
    margin-top: 0
}

.comments ul.comments-content > li:first-child {
    padding-top: 0
}

ul.comments-content ul {
    padding: 0;
    margin: 0
}

ul.comments-content ul li {
    padding-left: 40px
}

.comments .comment-heading {
    display: none
}

.comments .comment-heading .avatar {
    display: block;
    overflow: hidden;
    border-radius: 2px
}

.comments .comment-heading .avatar img {
    width: 100px;
    height: 100px
}

.comments .comment-content {
    background-color: #F9F9F9;
    padding: 30px;
    position: relative;
    border: 1px solid #F1F1F1
}

.comments .comment-content:after,
.comments .comment-content:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #F1F1F1;
    left: -8px;
    top: 45px
}

.comments .comment-content:after {
    left: -7px;
    border-right-color: #F9F9F9
}

.comments .comment-content .title {
    border-bottom: 1px dashed #F1F1F1;
    padding-bottom: 30px;
    line-height: 18px
}

.comments .comment-content .title a {
    text-transform: uppercase
}

.comments .comment-content .title strong {
    color: #2D343E
}

.comments .comment-content .meta span[class*="meta-"]:before {
    color: #E5E5E5
}

.comments .comment-content .reply {
    text-align: right;
    border-top: 1px dashed #F1F1F1;
    padding-top: 30px
}

.comments .comment-content .reply a {
    font-weight: 600;
    text-transform: uppercase;
    clear: both
}

.comments ul.comments-content li li:after,
.comments ul.comments-content li li:before,
.comments .comment-heading:before,
.comments .comment-heading:after {
    background-color: #F1F1F1;
    content: '';
    position: absolute
}

.comments ul.comments-content li li:first-child .comment-heading:after {
    width: 5px;
    height: 15px;
    top: -5px;
    left: 85px
}

.comments ul.comments-content li li .comment-heading:before {
    width: 30px;
    height: 5px;
    top: 75px;
    left: 0px
}

.comments ul.comments-content li li:last-child .comment-heading:before {
    display: none
}

.comments ul.comments-content li li + li:last-child .comment-heading:before {
    display: block
}

.comments ul.comments-content li li:after {
    width: 5px;
    top: 0;
    left: 0;
    height: 100%
}

.comments ul.comments-content li li:first-child:after {
    width: 5px;
    top: 75px;
    left: 0;
    bottom: 0
}

@media (min-width: 768px) {
    .comments ul.comments-content li li:first-child:before {
        width: 30px;
        height: 5px;
        left: 90px;
        top: -5px
    }
}

.comments ul.comments-content li li:last-child:after {
    display: none
}

.comments ul.comments-content li li + li:last-child:after {
    display: block;
    width: 5px;
    height: 75px;
    top: 0;
    left: 0
}

@media (min-width: 768px) {
    .comments .comment-heading {
        float: left;
        display: block
    }

    .comments .comment-content {
        margin-left: 130px
    }

    .comments .comment-content .meta {
        float: right
    }
}

@media (max-width: 767px) {
    .comments ul.comments-content li li:before {
        width: 30px;
        height: 5px;
        left: 0;
        top: 81px
    }

    .comments ul.comments-content li li:first-child:after {
        top: 85px
    }

    .comments ul.comments-content li li + li:last-child:after {
        height: 85px
    }
}

#reply {
    padding: 30px;
    padding-bottom: 0;
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    position: relative
}

#reply .close {
    position: relative;
    float: right;
    display: none;
    line-height: 24px
}

#reply .close:before {
    font-family: FontAwesome;
    content: "\f00d"
}

.comment #reply {
    margin-top: 20px
}

@media (min-width: 768px) {
    .comment #reply {
        margin-left: 130px
    }
}

.comment #reply:after,
.comment #reply:before {
    top: -9px;
    right: 30px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #F1F1F1
}

.comment #reply:after {
    top: -8px;
    border-bottom-color: #F9F9F9
}

.comment #reply .close {
    display: block
}

#reply select,
#reply textarea,
#reply input[type="email"],
#reply input[type="text"] {
    background-color: #FFF
}

#reply .form-field.error select,
#reply .form-field.error textarea,
#reply .form-field.error input[type="email"],
#reply .form-field.error input[type="text"] {
    background-color: #FF6259;
    border-color: #FF3B30
}

#reply .form-field.error label span {
    color: #FFF
}

.grid-wrap {
    opacity: 0
}

.grid-wrap:before,
.grid-wrap:after {
    content: " ";
    display: table
}

.grid-wrap:after {
    clear: both
}

.grid {
    margin-bottom: 30px;
    -webkit-transition: height 700ms ease;
    transition: height 700ms ease
}

.grid > * {
    position: relative;
    float: left;
    width: 15%
}

.grid[data-columns="4"] > * {
    float: left;
    width: 20%
}

.grid[data-columns="3"] > * {
    float: left;
    width: 30%
}

.grid[data-columns="2"] > * {
    float: left;
    width: 45%;
}

.grid .slider-wrap,
.grid .slider-wrap .slider {
    opacity: 1
}

.social {
    font-size: 0
}

.social li {
    list-style-type: none;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 4px
}

.social li.desc {
    line-height: 24px;
    display: block;
    font-size: 13px
}

@media (min-width: 768px) {
    .social li.desc {
        min-width: 140px;
        display: inline-block
    }
}

.social li + li {
    margin-left: 4px
}

.social li.desc + li {
    margin-left: 0
}

.social a {
    border-radius: 9999px;
    display: block;
    font-size: 24px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    color: #FFF;
    text-align: center;
    background-color: #87888A
}

.social a:before {
    font-family: 'icomoon'
}

.social a:hover {
    color: #FFF
}

.social a.youtube:hover {
    background-color: #002E63
}

.social a.youtube:before {
    content: "\e773"
}

.social a.rss:hover {
    background-color: #002E63
}

.social a.rss:before {
    content: "\e770"
}

.social a.forrst:hover {
    background-color: #002E63
}

.social a.forrst:before {
    content: "\e782"
}

.social a.vimeo:hover {
    background-color: #002E63
}

.social a.vimeo:before {
    content: "\e775"
}

.social a.dribbble:hover {
    background-color: #002E63
}

.social a.dribbble:before {
    content: "\e781"
}

.social a.google:hover {
    background-color: #002E63
}

.social a.google:before {
    content: "\e764"
}

.social a.twitter:hover {
    background-color: #002E63
}

.social a.twitter:before {
    content: "\e76d"
}

/*soaressf*/
.social a.facebook:hover {
    background-color: #002E63
}

.social a.facebook:before {
    content: "\e769";
    color: #3E3D40
}

.social a.pinterest:hover {
    background-color: #002E63
}

.social a.pinterest:before {
    content: "\e7a6"
}

.widget {
    position: relative;
    margin-bottom: 30px
}

#tweets {
    min-height: 100px;
    background: url(loader-dark.gif) center center no-repeat transparent
}

#tweets .tweet {
    position: relative;
    margin-bottom: 30px
}

.tweet-heading {
    display: inline-block;
    width: 100%;
    margin-bottom: 15px
}

.tweet-heading .userpic {
    float: left;
    border-radius: 50px;
    height: 48px;
    width: 48px;
    overflow: hidden
}

.tweet-heading .userpic img {
    height: auto;
    max-width: 100%;
    width: 100%
}

.tweet-heading .title {
    margin: 4px 0 0 55px
}

.tweet-heading .title a {
    color: #2D343E;
    clear: both
}

.tweet-heading .title .profilename {
    text-transform: uppercase
}

.tweet-heading .title .profileid {
    font-size: 80%
}

.tweet-content {
    background-color: #F9F9F9;
    padding: 20px;
    padding-bottom: 0;
    position: relative;
    border: 1px solid #F1F1F1
}

.tweet-content:after,
.tweet-content:before {
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    z-index: 1;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 8px solid #F1F1F1;
    left: 14px;
    top: -8px
}

.tweet-content:after {
    top: -7px;
    border-bottom-color: #F9F9F9
}

.tweet-content .text,
.tweet-content .text p {
    margin: 0 0 20px 0
}

.tweet-content .text p.meta {
    display: inline-block;
    width: 100%;
    margin: 0
}

.tweet-actions {
    opacity: 0;
    position: relative;
    left: 10px;
    -webkit-transition: all ease 0.1s;
    transition: all ease 0.1s
}

#tweets .tweet:hover .tweet-actions {
    opacity: 1;
    left: 0
}

.tweet-actions a {
    font-style: normal;
    font-size: 20px;
    color: #2D343E
}

.tweet-actions a + a {
    margin-left: 10px
}

.tweet-actions a:before {
    font-family: 'icomoon'
}

.tweet-reply:before {
    content: "\e666"
}

.tweet-retweet:before {
    font-family: 'icomoon';
    content: "\e71b"
}

.tweet-fave:before {
    content: "\e6d0"
}

.tweet-content .meta span[class*="meta-"]:before,
.tweet-content .meta > .tweet-retweet:before {
    color: #E5E5E5
}

.tweet-content .meta-date,
.tweet-content .meta > .tweet-retweet {
    float: right
}

.tweet-content .meta > .tweet-retweet {
    font-style: normal;
    font-size: 20px
}

.photo-stream {
    margin: -5px;
    padding: 0;
    font-size: 0
}

.photo-stream li {
    display: inline-block;
    width: 33.33333333333333%;
    padding: 5px;
    list-style-type: none;
    margin: 0
}

@media (max-width: 991px) {
    .photo-stream li {
        width: 50%
    }
}

.photo-stream li .teaser {
    margin: 0
}

.photo-stream li img {
    display: block;
    height: auto;
    width: 100%
}

.latest-comments {
    list-style-type: none
}

.latest-comments li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 20px;
    border-bottom: 1px solid #F1F1F1;
    padding-bottom: 15px
}

.latest-comments li:before {
    position: absolute;
    content: "\f086";
    font-family: FontAwesome;
    left: 0;
    top: -5px;
    font-size: 36px;
    color: #F1F1F1
}

.latest-comments li > * {
    margin: 0;
    margin-bottom: 5px
}

.latest-comments li:last-child {
    margin-bottom: 0;
    border-bottom: none
}

.top-authors {
}

.top-authors {
    list-style-position: inside;
    color: #999
}

.top-authors > li {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #F1F1F1
}

.top-authors > li:first-child {
    border-top: none;
    margin-top: 0;
    padding-top: 0
}

.top-authors li > * {
    display: inline-block;
    margin: 0;
    vertical-align: middle
}

.top-authors .userpic {
    width: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 15px
}

.top-authors .title > * {
    margin: 0
}

body > #boxed {
    margin: 0 auto;
    padding: 0px;
    background-color: #FFF;
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    position: relative
}

body > #boxed #header {
    left: auto
}

@media (min-width: 768px) {
    body > #boxed, body > #boxed #header {
        max-width: 750px
    }
}

@media (min-width: 992px) {
    body > #boxed, body > #boxed #header {
        max-width: 970px
    }

    body.w970 #boxed {
        max-width: 970px
    }

    body.w970 > #boxed #header {
        max-width: 970px
    }
}

@media (min-width: 1200px) {
    body > #boxed, body > #boxed #header {
        max-width: 1170px
    }
}

.side-options {
    width: 200px;
    left: -200px;
    position: fixed;
    z-index: 2000;
    top: 160px;
    background-color: #FFF;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s
}

.side-options.side-options-right {
    left: auto;
    right: -200px
}

.side-options .side-options-heading {
    cursor: pointer;
    background-color: #2D343E;
    text-transform: uppercase;
    font-size: 13px;
    padding: 0 15px;
    color: #CCC;
    display: block;
    margin-right: -50px;
    padding-right: 0;
    -webkit-transition: all ease-in-out 0.15s;
    transition: all ease-in-out 0.15s
}

.side-options.open .side-options-heading {
    margin-right: 0
}

.side-options .side-options-heading a {
    line-height: 50px;
    color: #CCC;
    width: 100%;
    display: inline-block
}

.side-options .side-options-heading span {
    color: #FFF;
    font-weight: 700;
    display: inline-block;
    width: 50px;
    text-align: center;
    float: right
}

.side-options .side-options-heading span i {
    font-size: 20px;
    line-height: 1;
    display: block;
    margin-top: 16px;
    font-weight: normal
}

.side-options.open {
    left: 0
}

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

.side-options.side-options-right .side-options-heading {
    margin-right: auto;
    margin-left: -50px;
    padding-left: 0;
    -moz-border-radius: 30px;
    border-radius: 30px
}

.side-options.side-options-right.open .side-options-heading {
    margin-left: 0
}

.side-options.side-options-right .side-options-heading span {
    float: left
}

#language-options .language-list {
    list-style-type: none;
    margin: 0;
    border: 1px solid #F1F1F1;
    border-right: none;
    border-top: none
}

#language-options .language-list li a {
    padding: 15px;
    display: block;
    text-transform: uppercase;
    color: #2D343E
}

#language-options .language-list li a:hover,
#language-options .language-list li a.current {
    background-color: #F9F9F9
}



.topbar {
    color: rgba(255, 255, 255, 0.7);
    background-color: #2D343E;
    height: 54px
}

.topbar ul {
    margin: 0;
    padding: 0
}

.topbar ul li {
    list-style-type: none;
    vertical-align: middle;
    display: inline-block;
    margin: 0;
    padding: 0
}

.topbar a {
    color: rgba(255, 255, 255, 0.7)
}

.topbar a:hover {
    color: rgba(255, 255, 255, 1)
}

.topbar .touch {
    float: left;
    margin-top: 11px
}

.topbar .touch li {
    font-size: 12px
}

.topbar .touch li + li {
    margin-left: 15px
}

.topbar .touch li > * {
    display: inline-block;
    vertical-align: middle
}

.topbar .touch p {
    margin: 0 0 0 5px;
    line-height: 1.2
}

.topbar .social {
    float: right;
    margin-top: 10px;
    line-height: 0
}

.topbar .social li + li {
    margin-left: 5px
}

.topbar .social a {
    color: #FFF;
    width: 36px;
    height: 36px;
    line-height: 36px;
    font-size: 20px;
    -webkit-transition: border-radius ease 0.1s;
    transition: border-radius ease 0.1s;
    border-radius: 2px
}

.topbar .social a.youtube {
    background-color: #FF3B30
}

.topbar .social a.rss {
    background-color: #002E63
}

.topbar .social a.forrst {
    background-color: #00B74C
}

.topbar .social a.vimeo {
    background-color: #007AFF
}

.topbar .social a.dribbble {
    background-color: #FF2D55
}

.topbar .social a.google {
    background-color: #D94332
}

.topbar .social a.twitter {
    background-color: #3CF
}

.topbar .social a.facebook {
    background-color: #2980B9
}

.topbar .social a.pinterest {
    background-color: #FC0
}

.topbar .social a:hover {
    border-radius: 50%
}

.topbar .user-nav {
    float: right;
    margin-left: 25px;
    margin-top: 10px
}

.topbar .user-nav .btn {
    color: #FFF
}

.topbar .user-nav img {
    height: 36px;
    width: 36px;
    border-radius: 2px;
    margin-right: 5px
}

#header .navbar {
    width: 100%;
    position: relative;
    overflow: hidden;
    z-index: 1;
    background-repeat: no-repeat;
    background-position-x: 83%;
}

#main-search {
    display: none
}

#main-search form {
    overflow: hidden;
    opacity: 0;
    position: relative;
    left: -20px;
    margin-top: 5px;
    margin-bottom: 0;
    width: 100%;
    display: inline-block
}

#main-search .form-field {
    margin-bottom: 0
}

.form-field .placeholder label {
    line-height: 40px;
    margin: 0
}

#main-search .form-control {
    padding: 9px 5px;
    padding-right: 40px;
    border-color: #282E3A;
    background-color: #282E3A;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #FFF
}

#main-search .close {
    position: absolute;
    right: 0;
    color: #FFF;
    width: 40px;
    text-align: center;
    float: right;
    line-height: 45px;
    font-size: 13px;
    z-index: 1
}

#main-search .close:hover {
    color: #FFF
}

#header .navbar-inner {
    color: white;
    /*padding-left: 20px;
    padding-right: 20px;*/
}

@media (min-width: 992px) {
    #main-search form {
        margin-top: 10px
    }

    #main-search .form-control {
        padding-right: 55px;
        padding: 14px 10px
    }

    #main-search .close {
        width: 50px;
        line-height: 50px
    }

    .form-field .placeholder label {
        line-height: 50px
    }
}

#header .navbar-inner {
    float: left;
    width: 100%;
    position: relative;

}


.Chevron{
    position:absolute;
    display:inline;
    height:10px;/*height should be double border*/
    transform: translate(3px,6px);
}
.Chevron:before,
.Chevron:after{
    position:absolute;
    display:inline;
    content:"";
    border:5px solid transparent;/*adjust size*/
}
/* Replace all text `top` below with left/right/bottom to rotate the chevron */
.Chevron:before{
    top:0;
    border-top-color:#BEBDBE;/*Chevron Color*/
}
.Chevron:after{
    top:-2px;/*adjust thickness*/
    border-top-color:#fff;/*Match background colour*/
}


.navbar-toggle {
    border: none;
    background: transparent;
    line-height: 30px;
    font-size: 16px;
    padding: 0;
    width: 30px;
    color: #b4b4b4;
    margin: 0;
}

#main-menu ul.dropdown > li + li a {
    border-top: 1px solid #dde3e6
}

@media (min-width: 1098px) {
    #dropdown-col {
        height: 190px; /*your fixed height*/
        -webkit-column-count: 3;
        -moz-column-count: 3;
        column-count: 3; /*2 in those rules is just placeholder -- can be anything*/
    }

    #dropdown-col li {
        display: block; /*necessary*/
        width: 100%;
    }
}

@media (max-width: 992px) {
    .fw-related-pages{display: none}
    #header .logo img {
        width: auto;
        max-width: 100%;
        max-height: 100%;
        top: 0
    }
    .breadcrumbs .container {margin-bottom:10px !important}

    #lang-menu {background-color:#13b38a}

}



@media (max-width: 991px) {
    #header {
        position: relative !important
    }

    .mobile-navbar {
        display: block
    }

    .topbar {
        display: none
    }

    #header-space {
        display: none
    }

    #header .navbar-inner {
        margin-top: 10px !important
    }

    #header .logo {
        height: 60px !important
    }

    #main-menu > li {
        padding-bottom: 0 !important
    }

    #main-menu ul.dropdown.megamenu {
        width: 100% !important;
        left: 0 !important;
        right: 0 !important
    }
}

.tp-caption {
    z-index: 1
}



.container > .seccaobannerhome{

    float: right;/*
    opacity: 0.8;
    background-color: #FFFFFF;*/
    text-align: left;
    margin-top: 10vw;
    right: 5vw;
}

.container .seccaobannerhome_lar{
    opacity: 0.8;
    background-color: #FFFFFF;
    padding:15px;
    color:#ffffff;
}

.container .seccaobannerhome_lar h2{

    color:#ffffff;
}

.container > .seccaobannerhome > .tituloghomepage{
	    color: white;
        font-size: 56px;
        padding: 10px;
        font-weight: 100;
        line-height: 1;
}

.container > .seccaobannerhome > .textotitulo{
	line-height: 1;
    color: white;
    padding: 10px;
    font-size: 25px;
    font-weight: 100;
    padding-bottom: 25px;
}


@media (max-width: 950px) {
    .container > .seccaobannerhome{

   float: right;
opacity: 0.8;
background-color: #FFFFFF;
text-align: left;
margin-top: 2vw;
right: 0vw;
width: 64%;
}


    }

    @media (max-width: 750px) {
        .container > .seccaobannerhome{
            display:none;
        }

    }



/*.tp-loader{background:url(loader-dark.gif) center center no-repeat transparent;width:32px;height:32px;margin-top:-16px;margin-left:-16px;z-index:20}
.tp-bannertimer{bottom:0;position:absolute;z-index:21;height:5px;background-color:rgba(255,255,255, 0.4)}
.tparrows.default{z-index:100;color:#FFF;text-align:center;font-size:24px;line-height:50px;width:50px;height:50px;background:rgba(221,114,60, 0.7);background-image:none;cursor:pointer;border-radius:50px;-webkit-transition:background 0.1s linear, opacity 0.1s linear;transition:background 0.1s linear, opacity 0.1s linear;transform:none;-webkit-transform:none}
.tparrows.default:hover{background:rgba(221,114,60, 0.9)}
.tp-leftarrow:before{font-family:'FontAwesome';content:"\f104"}
.tp-rightarrow:before{font-family:'FontAwesome';content:"\f105"}
.tp-bullets{position:absolute;bottom:10px;z-index:20}
.tp-bullets.simplebullets.round .bullet{vertical-align:middle;display:inline-block;background-color:transparent;width:30px;height:30px;text-indent:-99999px;margin:0 2px;border-radius:25px;position:relative;cursor:pointer;background:rgba(255,255,255, 0.4);background-image:none;-webkit-transition:background 0.1s linear, opacity 0.1s linear;transition:background 0.1s linear, opacity 0.1s linear;transform:none;-ms-transform:none;-webkit-transform:none}
.tp-bullets.simplebullets.round .bullet:hover,
.tp-bullets.simplebullets.round .bullet.selected{background:rgba(255,255,255, 0.9)}*/
.slider-title {
    font-size: 62px;
    font-weight: bold;
    line-height: 62px
}

.slider-sub-title {
    text-transform: uppercase;
    font-weight: 300;
    font-size: 24px;
    line-height: 34px
}

.page-slider-wrap .btn {
    -webkit-box-shadow: none;
    box-shadow: none;
    background-color: rgba(255, 255, 255, 0.4);
    border: none
}

.page-slider-wrap .btn:hover {
    background-color: rgba(255, 255, 255, 0.8)
}

.slider-text {
    line-height: 24px
}

#page-header {
    float: left;
    width: 100%;
    overflow: hidden;
    position: relative;
    line-height: 1;
    z-index: 0;
    color: #2D343E
}

/*.page-header-image{background-repeat:no-repeat;background-position:top center;background-size:cover;background-attachment:fixed}*/
#page-header.fonts-white {
    color: #FFF
}

#page-header.fonts-white h1 {
    color: #FFF
}

.page-header-inner {
    /*min-height: 110px;
    height: 110px;*/
    display: table;
    width: 100%
}

#page-header.page-header-medium .page-header-inner {
    /*min-height: 210px;
    height: 210px*/
}

#page-header.page-header-big .page-header-inner {
    /*min-height: 300px;
    height: 300px*/
}

#page-header *[class*="hide-to-"] {
    position: relative
}

@media (max-width: 767px) {
    .page-header-inner h1,
    .page-header-inner h2,
    .page-header-inner h3,
    .page-header-inner h4,
    .page-header-inner h5,
    .page-header-inner h6,
    .page-header-inner p {
        margin: 0
    }

    #page-header *[class*="hide-to-"] {
        opacity: 1 !important;
        top: 0 !important;
        left: 0 !important
    }
}

@media (min-width: 768px) {
    /*.page-header-inner {
        min-height: 175px;
        height: 175px
    }

    #page-header.page-header-medium .page-header-inner {
        min-height: 350px;
        height: 350px
    }

    #page-header.page-header-big .page-header-inner {
        min-height: 40px;
        height: 40px
    }*/
}

@media (min-width: 992px) {
    /*.page-header-inner {
        min-height: 150px;
        height: 150px
    }

    #page-header.page-header-medium .page-header-inner {
        min-height: 300px;
        height: 300px
    }

    #page-header.page-header-big .page-header-inner {
        min-height: 450px;
        height: 450px
    }*/
}

@media (min-width: 1200px) {
    /*.page-header-inner {
        min-height: 200px;
        height: 200px
    }*/

    /*#page-header.page-header-medium .page-header-inner {
        min-height: 350px;
        height: 350px
    }

    #page-header.page-header-big .page-header-inner {
        min-height: 500px;
        height: 500px
    }*/
}

.page-header-inner > * {
    display: table-cell;
    vertical-align: middle
}

.page-header-inner .container > *:last-child {
    margin-bottom: 0
}

.page-header-box {
    background-color: rgba(255, 255, 255, 0.6);
    padding: 30px;
    padding-bottom: 1px;
    text-align: center;
    border-radius: 5px;
    color: #2D343E
}

.page-header-box hr {
    opacity: 0.3
}

#page-content {
    position: relative;
    width: 100%;
    float: left;
    overflow: hidden
}

#page-content #content,
#page-content #sidebar-right,
#page-content #sidebar-left {
    margin-top: 30px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    #page-content #content, #page-content #sidebar-right, #page-content #sidebar-left {
        margin-top: 50px;
        margin-bottom: 50px
    }

    #content, #sidebar-right, #sidebar-left {
        margin-top: 50px;
        margin-bottom: 50px
    }
}

.container-out {
    padding-right: 5000px;
    padding-left: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
    padding-top: 30px;
    padding-bottom: 1px;
    margin-bottom: 30px
}

@media (min-width: 768px) {
    .container-out {
        padding-top: 20px;
        padding-bottom: 20px;
        margin-bottom: 50px
    }
}

.container-out.container-full-width {
    padding: 0;
    margin-left: 0;
    margin-right: 0
}

#boxed .container-out.container-full-width {
    margin-left: -15px;
    margin-right: -15px
}

.container-out.container-no-bottom {
    padding-bottom: 0
}

.container-out:first-child {
    margin-top: 30px
}

.container-out:last-child {
    margin-bottom: -30px
}

.container-out + .container-out {
    margin-top: 30px
}

@media (min-width: 768px) {
    .container-out:first-child {
        margin-top: 50px
    }

    .container-out:last-child {
        margin-bottom: -50px
    }

    .container-out + .container-out {
        margin-top: 50px
    }
}

.container-light {
    background-color: #F9F9F9
}

.container-dark {
    background-color: #2D343E
}

.container-image {
    overflow: hidden;
    background-attachment: fixed;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover
}

.container-dark h1,
.container-image h1,
.container-dark h2,
.container-image h2,
.container-dark h3,
.container-image h3,
.container-dark h4,
.container-image h4,
.container-dark h5,
.container-image h5,
.container-dark h6,
.container-image h6,
.container-dark a,
.container-image a {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.container-dark a:hover,
.container-image a:hover {
    color: rgba(255, 255, 255, 0.6)
}

.container-dark,
.container-image {
    color: rgba(255, 255, 255, 0.6);
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.container-dark .btn {
    color: #2D343E;
    background-color: #FFF;
    border-color: #FFF
}

.container-dark .btn:hover {
    color: #2D343E;
    background-color: #F9F9F9;
    border-color: #F9F9F9
}

.container-dark .btn:active {
    border-color: #FFF
}

.row-inline-wrap {
    margin-left: -15px;
    margin-right: -15px;
    margin-bottom: 30px
}

.row.row-inline {
    display: table;
    font-size: 0;
    width: 100%;
    margin-left: 0;
    margin-right: 0
}

.row.row-inline > * {
    display: block;
    padding-left: 0;
    padding-right: 0;
    float: none;
    font-size: 14px;
    vertical-align: middle
}

.row-inline.inline-bottom > * {
    vertical-align: bottom
}

.row-inline.inline-top > * {
    vertical-align: top
}

@media (min-width: 992px) {
    .row.row-inline > [class*="col-md-"] {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px
    }
}

@media (min-width: 768px) {
    .row.row-inline > [class*="col-sm-"] {
        display: inline-block;
        padding-left: 15px;
        padding-right: 15px
    }
}

.title {
    position: relative;
    z-index: 10;
    margin-bottom: 5px;
    color: #2D343E
}

.title > * {
    margin: 0
}

.title > hr {
    margin-top: 30px;
    margin-bottom: 30px
}

.title.title-main {
    text-transform: uppercase;
    line-height: 1
}

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

.title > .btn + *,
.title.title-main > .btn + * {
    display: inline-block;
    line-height: 36px
}

.container-dark .title,
.container-image .title {
    color: #FFF
}

.title h5 i.fa-heart {
    color: #FF3B30
}

.title h5 i.fa-heart-o {
    color: #F1F1F1
}

/*.title.title-section{text-align:center;margin-bottom:40px;display:block;width:100%;margin-top:40px}*/
.title.title-section {
    text-align: center;
    margin-bottom: 0px;
    display: block;
    width: 100%;
    margin-top: 0px;
    /*border-top: 1px solid #d9d9d9;*/
}

@media (min-width: 768px) {
    /*.title.title-section{margin-top:70px;margin-bottom:60px}*/
}

.title.title-section > * {
    margin: 0;
    margin-bottom: 15px
}

.title.title-section p {
    font-size: 18px;
    font-weight: 300
}

.title.title-section .sticker {
    display: none
}

@media (min-width: 768px) {
    .sticker {
        display: block;
        margin: 0 auto;
        position: relative;
        width: 100%;
        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
        margin-top: 10px;
        padding-bottom: 10px
    }

    .sticker:before {
        width: 100%;
        height: 4px;
        position: absolute;
        content: '';
        top: 0px;
        left: 0;
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(221, 114, 60, 0)), color-stop(33%, rgba(221, 114, 60, 1)), color-stop(66%, rgba(221, 114, 60, 1)), color-stop(100%, rgba(221, 114, 60, 0)));
        background: -webkit-linear-gradient(left, rgba(221, 114, 60, 0) 0%, rgba(221, 114, 60, 1) 33%, rgba(221, 114, 60, 1) 66%, rgba(221, 114, 60, 0) 100%);
        background: linear-gradient(to right, rgba(221, 114, 60, 0) 0%, rgba(221, 114, 60, 1) 33%, rgba(221, 114, 60, 1) 66%, rgba(221, 114, 60, 0) 100%)
    }

    .container-dark .title.title-section .sticker:before,
    .container-image .title.title-section .sticker:before {
        opacity: 0.1
    }

    .sticker .icon {
        color: #FFF;
        width: 70px;
        height: 60px;
        line-height: 60px;
        font-size: 30px;
        position: relative;
        display: inline-block
    }

    .sticker .icon:after {
        left: 0;
        width: 0;
        bottom: -15px;
        content: '';
        height: 0;
        position: absolute;
        border-left: 35px solid transparent;
        border-right: 35px solid transparent;
        border-top: 15px solid transparent
    }

    /*
	.title.title-section .sticker{display:block;margin:0 auto;position:relative;width:100%;text-shadow:1px 1px 0 rgba(0,0,0,0.1);margin-top:10px;padding-bottom:10px}
	.title.title-section .sticker:before{width:100%;height:4px;position:absolute;content:'';top:30px;left:0;background:-webkit-gradient(linear, left top, right top, color-stop(0%,rgba(221,114,60,0)), color-stop(33%,rgba(221,114,60,1)), color-stop(66%,rgba(221,114,60,1)), color-stop(100%,rgba(221,114,60,0)));background:-webkit-linear-gradient(left, rgba(221,114,60,0) 0%,rgba(221,114,60,1) 33%,rgba(221,114,60,1) 66%,rgba(221,114,60,0) 100%);background:linear-gradient(to right, rgba(221,114,60,0) 0%,rgba(221,114,60,1) 33%,rgba(221,114,60,1) 66%,rgba(221,114,60,0) 100%)}
	.container-dark .title.title-section .sticker:before,
	.container-image .title.title-section .sticker:before{opacity:0.1}
	.title.title-section .sticker .icon{color:#fff;width:70px;height:60px;line-height:60px;font-size:30px;position:relative;display:inline-block}
	.title.title-section .sticker .icon:after{left:0;width:0;bottom:-15px;content:'';height:0;position:absolute;border-left:35px solid transparent;border-right:35px solid transparent;border-top:15px solid transparent}
	*/

}

.container-out > .title.title-section:last-child {
    margin-bottom: 30px
}

.container-out > .title.title-section:last-child .sticker {
    margin-bottom: -70px;
    padding-bottom: 0
}

/*.container-out > .title.title-section:last-child .sticker:before{display:none}*/
.container-out > .title.title-section:first-child {
    margin-top: 0
}

.text .block-left {
    float: left;
    margin-right: 30px;
    margin-top: 30px
}

.text .block-right {
    float: right;
    margin-left: 30px;
    margin-top: 30px
}


.meta {
    font-style: italic;
    font-size: 13px;
    color: #777
}

.meta > span + span {
    margin-left: 15px
}

.meta .avatar {
    border-radius: 2px;
    overflow: hidden;
    height: 60px;
    width: 60px;
    margin-left: 5px;
    margin-right: 5px;
    display: inline-block;
    vertical-align: middle
}

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

.meta .avatar + a {
    font-style: normal;
    float: right;
    margin-top: 20px
}

.meta a {
    font-weight: normal;
    text-transform: uppercase
}

.meta a:hover {
    color: #2D343E
}

.meta span[class*="meta-"]:before {
    font-family: 'icomoon';
    margin-right: 5px;
    font-style: normal;
    color: #F1F1F1
}

.meta .meta-user:before {
    content: "\e674"
}

.meta .meta-comments:before {
    content: "\e66a"
}

.meta .meta-category:before {
    content: "\e62f"
}

.meta .meta-date:before {
    content: "\e648"
}

.meta .meta-like:before {
    content: "\e6d1"
}

.article-date {
    padding: 10px 0;
    color: #FFF;
    position: relative;
    width: 80px;
    display: inline-block;
    margin: 0 0 20px 0
}

.article-date:after {
    left: 0;
    width: 0;
    bottom: -20px;
    content: '';
    height: 0;
    position: absolute;
    border-left: 40px solid transparent;
    border-right: 40px solid transparent;
    border-top: 20px solid transparent
}

.article-date span {
    text-align: center;
    display: block;
    line-height: 1;
    margin: 0 5px;
    padding: 10px 0;
    text-transform: uppercase;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    line-height: 1
}

.article-date span:first-child {
    padding-top: 0;
    border-top: none
}

.article-date .day {
    font-size: 32px
}

.article-date .month {
    font-size: 16px
}

.article-date .type {
    color: #FFF;
    font-size: 36px
}

.article-share {
    display: block;
    background-color: #262829;
    color: #FFF;
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px
}

.article-share h5 {
    color: #FFF;
    position: relative;
    line-height: 25px;
    font-size: 16px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 20px 0;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4);
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.4)
}

.article-share h5 i {
    display: block;
    font-size: 20px
}

.article-share ul {
    margin: 0;
    padding: 0;
    display: table;
    width: 100%;
    font-size: 0
}

.article-share ul li {
    display: inline-block;
    list-style-type: none;
    width: 25%;
    line-height: 80px;
    font-size: 13px
}

.article-share ul li a {
    display: block;
    width: 100%;
    height: 80px;
    color: #FFF
}

.article-share ul li a > * {
    display: inline-block;
    vertical-align: middle
}

.article-share ul li p {
    line-height: 25px;
    margin: 0;
    position: relative;
    padding-left: 5px;
    margin-left: 5px
}

.article-share ul li p:before {
    opacity: 0.3;
    content: '';
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 1px;
    background-color: #FFF;
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg)
}

.article-share ul li i {
    font-size: 24px;
    position: relative;
    display: inline-block
}

.article-share ul li a.like.active,
.article-share ul li a.like:hover {
    background-color: #D94332
}

.article-share ul li a.twitter.active,
.article-share ul li a.twitter:hover {
    background-color: #3CF
}

.article-share ul li a.facebook.active,
.article-share ul li a.facebook:hover {
    background-color: #2980B9
}

.article-share ul li a.pinterest.active,
.article-share ul li a.pinterest:hover {
    background-color: #FC0
}

@media (min-width: 768px) {
    .article-share ul li {
        display: block;
        width: auto
    }
}

.article-details {
    display: none;
    text-align: center;
    text-transform: uppercase;
    color: #2D343E
}

.article-details ul {
    margin: 0;
    padding: 0
}

.article-details li {
    line-height: 30px;
    list-style-type: none;
    display: block
}

.article-details span {
    background-color: #F9F9F9;
    width: 60px;
    height: 60px;
    line-height: 60px;
    border-radius: 50%;
    color: #2D343E;
    text-align: center;
    display: block;
    margin: 0 auto;
    font-size: 16px
}

.article-details li:first-child span {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: #2D343E;
    color: #FFF;
    position: relative;
    z-index: 1;
    margin-bottom: -10px
}

@media (min-width: 768px) {
    .article-details {
        display: block
    }
}

.article-nav {
    background-color: #F9F9F9;
    display: block;
    position: relative;
    color: #E5E5E5;
    font-size: 15px;
    text-align: center;
    clear: both;
    line-height: 0
}

.article-nav ul {
    line-height: 1.5;
    display: inline-block;
    width: 100%;
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 0;
    min-height: 50px
}

.article-nav ul li {
    display: inline-block;
    position: relative;
    line-height: 19px;
    margin: 5px 0
}

.article-nav ul li a {
    color: #2D343E
}

.article-nav ul li.selector {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: 25px;
    margin-left: -25px
}

@media (max-width: 767px) {
    .article-nav ul li {
        width: 100%
    }

    .article-nav ul li.selector {
        position: relative;
        left: 0;
        margin: 0
    }

    .article-nav ul li.selector a {
        margin: 0 auto
    }
}

.article-nav ul li.selector a {
    color: #FFF;
    background-color: #2D343E;
    width: 50px;
    display: block;
    height: 50px;
    line-height: 50px
}

.article-nav ul li.selector a:after {
    content: "\f00a";
    font-family: FontAwesome;
    font-size: 18px;
    display: block
}

.article-nav ul li.selector a:hover {
    color: #FFF
}

.article-nav strong {
    color: #E5E5E5;
    font-size: 12px;
    text-transform: uppercase
}

.article-nav .prev {
    float: left;
    padding-left: 50px;
    text-align: left
}

.article-nav .next {
    float: right;
    padding-right: 50px;
    text-align: right
}

.article-nav .next a:before,
.article-nav .prev a:before {
    position: absolute;
    font-family: FontAwesome;
    font-size: 48px;
    top: 50%;
    margin-top: 24px;
    line-height: 1;
    color: #2D343E;
    width: 50px;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.article-nav .next a:before {
    content: "\f101";
    right: 0
}

.article-nav .prev a:before {
    content: "\f100";
    left: 0
}

#page-content .article-nav {
    font-size: inherit;
    margin-bottom: 30px;
    background-color: transparent
}

#page-content .article-nav ul {
    min-height: 0
}

#page-content .article-nav ul li {
    margin-top: 0;
    margin-bottom: 0
}

#page-content .article-nav .next a:before,
#page-content .article-nav .prev a:before {
    color: #E5E5E5
}

.article-author {
    border: 1px solid #F1F1F1;
    background-color: #F9F9F9;
    padding: 30px;
    padding-bottom: 10px;
    display: block
}

.author-heading {
    float: left;
    display: none
}

.author-heading .avatar {
    border-radius: 2px;
    overflow: hidden;
    display: block
}

.author-heading img {
    width: 100px;
    height: 100px
}

.post-heading .thumbnail,
.post-heading .teaser {
}

.author-content {
    clear: none
}

.author-content .title {
    border-bottom: 1px dashed #F1F1F1;
    padding-bottom: 15px;
    margin-bottom: 15px
}

.author-content strong {
    display: block
}

.article-author .social a {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 20px
}

@media (min-width: 768px) {
    .author-heading {
        display: block
    }

    .author-content {
        margin-left: 140px
    }

    .author-content strong {
        min-width: 140px;
        display: inline-block
    }
}

.tags p {
    font-size: 0;
    margin: -5px 0 0 0;
    line-height: 1
}

.tags p a {
    border-radius: 2px;
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    margin-top: 5px;
    margin-right: 5px;
    padding: 7px 10px;
    background: #2D343E;
    color: #FFF;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

#footer .tags p a {
    background: rgba(255, 255, 255, 0.1)
}

article.post {
    text-align: left;
    position: relative;
}
article.post.post-single {
    margin-bottom: 50px
}

article.post.post-single > * {
    clear: both
}

.post-heading {
    clear: both
}

.post-heading .thumbnail > * {
    margin-bottom: 0
}

article.post .title h2 {
    margin-bottom: 5px
}

.post-content {
    position: relative
}

.post-content .content-left {
    width: 80px;
    float: left
}

article[class*="post-type-"]:before {
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.post-type-text .type:before {
    font-family: 'icomoon';
    content: "\e604"
}

.post-type-audio .type:before {
    font-family: 'icomoon';
    content: "\e610"
}

.post-type-gallery .type:before {
    font-family: 'icomoon';
    content: "\e60e"
}

.post-type-video .type:before {
    font-family: 'icomoon';
    content: "\e774"
}

.post-type-blockquote .type:before {
    font-family: 'icomoon';
    content: "\e676"
}

.post-type-image .type:before {
    font-family: 'icomoon';
    content: "\e60d"
}

.post-type-vimeo .type:before {
    font-family: 'icomoon';
    content: "\e775"
}

.post-type-youtube .type:before {
    font-family: 'icomoon';
    content: "\e773"
}

.post-content > .type {
    border-radius: 9999px;
    position: absolute;
    top: 5px;
    left: 0;
    color: #FFF;
    width: 36px;
    font-size: 18px;
    height: 36px;
    line-height: 36px;
    display: inline-block;
    text-align: center;
    z-index: 1
}

.post-content > .type + .title {
    margin-left: 50px
}

.post-content .content-right {
    margin-left: 120px
}

.post-heading + .post-content {
    margin-top: 5px
}

@media (max-width: 767px) {
    .post-content .content-left {
        width: 100%;
        float: none
    }

    .post-content .content-right {
        margin-left: 0
    }

    .post-heading + .post-content {
        margin-top: 15px
    }

    .article-date {
        width: 100%
    }

    .article-date span {
        display: inline-block;
        vertical-align: middle;
        border-top: none;
        padding: 0 10px;
        margin: 0;
        line-height: 40px;
        font-size: 16px
    }

    .article-date span + span {
        border-left: 1px solid rgba(255, 255, 255, 0.2)
    }

    .article-date:after {
        display: none
    }
}

article.post-list {
}

article.post-related {
    text-align: center;
    display: block
}

article.post-related .post-heading {
    margin-bottom: 20px
}

article.post-related .title {
    margin-bottom: 0
}

article.post-related .type {
    margin: -50px auto 20px;
    display: block
}

article.post-thumb {
    margin-bottom: 60px;
}

article.post-thumb .post-heading {
    width: 100%;
    margin: 0 auto;
    display: block;
    margin-bottom: 20px
}

article.post-thumb .post-heading img {
    width: 100%
}

article.post-thumb .post-content {
    width: auto;
    display: block;
    margin-top: 0
}

article.post-thumb .post-content .title {
    margin-bottom: 15px
}

@media (min-width: 768px) {
    article.post-thumb .post-heading {
        width: 350px;
        float: left;
        margin-bottom: 0px
    }

    article.post-thumb .post-content {
        margin-left: 380px
    }
}

article.post-grid .post-content {
    background-color: #F7F7F7;
    padding: 30px 15px 30px 30px
}

article.post-grid .post-heading + .post-content {
    margin-top: 5px
}

article.post-grid .meta span[class*="meta-"]:before {
    color: #E5E5E5
}

article.post-grid .post-content > .type {
    top: 35px;
    left: 30px
}

.posts.grid + .pagination:before {
    margin-top: 30px
}

.posts.grid blockquote {
    background: transparent;
    border: none;
    margin-left: -30px;
    margin-top: 30px;
    margin-right: -15px;
    padding-bottom: 0;
    padding-left: 30px
}

article.post-mini {
}

article.post-mini + article.post-mini {
    margin-top: 10px
}

article.post-mini[class*="devider-"] {
    margin: 0 !important
}

article.post-mini.devider-top:before {
    margin: 15px 0
}

article.post-mini:last-child {
    margin-bottom: 0
}

article.post-mini .post-heading {
    width: 75px;
    float: left
}

article.post-mini .post-content {
    margin-left: 90px;
    margin-top: 0
}

article.post-mini .title {
    display: table;
    min-height: 75px;
    height: 75px;
    vertical-align: middle;
    margin-bottom: 0
}

article.post-mini .title h2 {
    display: table-cell;
    line-height: 1.1;
    vertical-align: middle;
    font-weight: normal
}

article.post-latest {
    margin-bottom: 30px
}

article.post-latest .post-heading {
    margin-bottom: 5px
}

article.post-latest .post-content .text > *:last-child,
article.post-latest .post-content > *:last-child {
    margin-bottom: 0
}

article.post-latest .meta span[class*="meta-"]:before {
    color: #E5E5E5
}

.carousel-wrap.created .carousel {
    opacity: 1;
    -webkit-user-select: none;
    user-select: none;
}

.carousel > * {
    float: left;
    margin-left: 20px;
}
.carousel > .post {
    margin-bottom: 0
}

.posts .post-content > *:last-child,
.posts .post-content .content-right > *:last-child,
.posts .text > *:last-child,
.posts .text a.btn {
    margin-bottom: 0
}

.posts > article:first-child:before {
    display: none
}

article.project-single {
    margin-bottom: 30px
}

article.project-single .project-heading {
}

.project-heading {
    position: relative
}

.project-heading:hover {
}

.project-heading .thumbnail,
.project-heading .teaser {
    margin: 0
}

.project .thumbnail {
    overflow: hidden;
    display: inline-block;
    padding: 0 !important;
}
.project .thumbnail figure{
    /*overflow: hidden;*/
    display: inline-block;
}

article.project-single .heading-left {
    margin-right: 130px
}

article.project-single .heading-left > *:last-child {
    margin-bottom: 0
}

article.project-single .heading-right {
    width: 80px;
    float: right
}

@media (max-width: 767px) {
    article.project-single .heading-left {
        margin-right: 0
    }

    article.project-single .heading-right {
        width: auto;
        float: none
    }
}

.project-action {
    margin: 0;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 2
}

.project-action li {
    list-style-type: none;
    position: absolute;
    float: left;
    top: 50%;
    margin-top: 18px;
    margin-left: 12px;
    opacity: 0;
    left: 50%;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.project-action li + li {
    margin-left: -48px
}

.project.active .project-action li,
.project:hover .project-action li {
    opacity: 1;
    margin-left: 2px
}

.project.active .project-action li + li,
.project:hover .project-action li + li {
    margin-left: -38px
}

.project-animated .project-heading {
    overflow: hidden;
    display: inline-block;
}

.project-animated .project-content {
    height: 50%;
    position: absolute;
    background-color: rgba(121, 121, 121, 0.8);
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1);
    bottom: -200px;
    width: 100%;
    padding: 10px
}

#projects {
    margin-left: 0 !important;
    text-align: center;
}

/*.project-animated {
    position: relative;
    overflow: hidden;
    display: inline-block;
    width: auto !important;
    margin-left: 0 !important;
}*/

.project-animated .project-content p {
    color: #FFF;
    font-size: 15px
}

.project-animated .project-content .title {
    margin-bottom: 0;
    display: block;
    color: #2D343E;
    margin-right: 40px
}

.project-animated .project-content .title .desc {
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin-top: 5px;
    font-size: 13px
}

.project-animated .project-content .meta {
    float: right;
    margin: 0;
    margin-top: 2px
}

.project-animated .project-content .meta,
.project-animated .project-content .meta span:before {
    color: #2D343E
}

.container-full-width > .grid-wrap {
    margin-right: 30px;
    margin-left: 30px;
    padding-top: 30px
}

.container-full-width > .grid-wrap.grid-no-margins {
    margin-right: 0;
    margin-left: 0;
    padding-top: 0
}

.container-full-width > .grid-wrap.grid-no-margins .grid {
    margin-bottom: 0
}

.project-default {
    text-align: center
}

.project-default .project-heading {
    margin-bottom: 20px
}

.project-default .meta {
    color: #999
}

.project-default .meta span[class*="meta-"]:before {
    color: #E5E5E5
}

.project-default .project-content .title {
    margin-bottom: 0
}

.container-dark .project-default .project-heading,
.container-image .project-default .project-heading {
    background-color: rgba(255, 255, 255, 0.1);
    padding: 5px;
    position: relative
}

.container-dark .project-default .project-heading:after,
.container-image .project-default .project-heading:after {
    position: absolute;
    left: 50%;
    margin-left: -10px;
    width: 0;
    bottom: -10px;
    content: '';
    height: 0;
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid rgba(255, 255, 255, 0.1)
}

.container-dark .project-default .meta span[class*="meta-"]:before,
.container-image .project-default .meta span[class*="meta-"]:before {
    opacity: 0.1
}

.project-carousel .teaser {
    margin: 0
}

body.page-404 #content h1,
body.page-404 #content h2 {
    line-height: 1.2;
    text-align: center;
    font-size: 200px
}

body.page-404 #content h2 {
    font-size: 50px
}

@media (max-width: 767px) {
    body.page-404 #content h1 {
        font-size: 100px
    }

    body.page-404 #content h2 {
        font-size: 42px
    }
}

.contact-switcher {
    position: relative;
    display: inline-block;
    width: 100%
}

#content > .contact-switcher {
    margin-top: 80px;
    margin-bottom: -80px
}

address {
    font-style: normal;
    margin-bottom: 15px
}

address .row {
    margin-bottom: 10px
}

@media (min-width: 768px) {
    address {
        margin-bottom: 30px
    }
}

address b {
    color: #2D343E
}

#googlemaps {
    height: 360px;
    width: 100%;
    line-height: inherit
}

@media (max-width: 1138px) {
    #googlemaps {
        height: 300px
    }
}

@media (max-width: 768px) {
    #googlemaps {
        height: 250px
    }
}

#googlemaps.map-cover {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
    line-height: inherit
}

#googlemaps img {
    max-width: inherit
}

#googlemaps .gm-style div {
    font: 13px/20px 'Open Sans', sans-serif
}

#googlemaps .gm-style-iw address {
    width: 300px;
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 10px
}

#googlemaps .gm-style-iw address .row {
    margin-top: 10px
}

#googlemaps .gm-style-iw h4 {
    margin-left: 10px;
    margin-top: 10px;
    margin-bottom: 15px
}

.contact-switcher .btn.to-form,
.contact-switcher .btn.to-contact {
    margin-bottom: 15px
}

.contact-switcher .address,
.contact-switcher .form {
    top: 0;
    width: 96%;
    margin-left: 2%;
    margin-right: 2%;
    margin-top: 60px;
    margin-bottom: 60px;
    position: absolute;
    -webkit-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out
}

.contact-switcher .address {
    left: -100%
}

.address-inner {
    background-color: #FFF;
    padding: 15px;
    padding-bottom: 0;
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    display: inline-block;
    width: 100%
}

.contact-switcher .form {
    left: 100%
}

.form-inner {
    -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    background: url("form-bg.jpg");
    padding: 15px;
    margin-bottom: 30px;
    animation: animatedBackground 20s linear infinite;
    -webkit-animation: animatedBackground 20s linear infinite;
    -webkit-animation-play-state: paused;
    animation-play-state: paused
}

.form .form-inner {
    margin-bottom: 0
}

@media all and (-webkit-min-device-pixel-ratio: 1.5) {
    .form-inner {
        background-image: url("form-bg@2x.jpg");
        background-size: 170px 170px
    }
}

.form-inner form {
    background-color: #FFF;
    padding: 15px;
    padding-bottom: 0;
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.2);
    position: relative;
    display: inline-block;
    width: 100%
}

#respond {
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 20px;
    margin-right: 20px
}

.form-inner.sending {
    -webkit-animation-play-state: running;
    animation-play-state: running
}

@keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

@-webkit-keyframes animatedBackground {
    from {
        background-position: 0 0
    }
    to {
        background-position: 100% 0
    }
}

.contact-switcher .address.current,
.contact-switcher .form.current {
    position: relative;
    left: 0
}

@media (min-width: 768px) {
    .address-inner, .form-inner form {
        padding: 30px;
        padding-bottom: 0
    }

    .contact-switcher .btn.to-form, .contact-switcher .btn.to-contact {
        margin-bottom: 30px
    }

    .contact-switcher .address, .contact-switcher .form {
        margin-top: 80px;
        margin-bottom: 80px
    }

    .contact-switcher .address {
        width: 400px;
        left: -50%;
        margin-left: -360px
    }

    #boxed .contact-switcher .address {
        margin-left: -345px
    }

    .contact-switcher .form {
        width: 720px;
        margin-left: -360px;
        left: 150%
    }

    #boxed .contact-switcher .form {
        width: 690px;
        margin-left: -345px
    }

    .contact-switcher .address.current, .contact-switcher .form.current {
        left: 50%
    }
}

@media (min-width: 992px) {
    .contact-switcher .address {
        width: 400px;
        margin-left: -470px
    }

    #boxed .contact-switcher .address {
        margin-left: -455px
    }

    .contact-switcher .form {
        width: 800px;
        margin-left: -400px
    }
}

@media (min-width: 1200px) {
    body:not(.w970) .contact-switcher .address {
        margin-left: -570px
    }

    body:not(.w970) #boxed .contact-switcher .address {
        margin-left: -555px
    }
}

.member {
    text-align: center
}

.member-heading {
    margin-bottom: 20px
}

.member-heading .title,
.member-heading .userpic {
    vertical-align: middle
}

.member-heading .title {
    margin-bottom: 0;
    display: inline-block;
    text-align: center;
    width: 100%;
    margin-top: 20px
}

.member-heading .title > * {
    margin: 0;
    font-weight: 600
}

.member-heading .title .btn {
    margin-top: 10px
}

.member-heading .title p {
    margin-top: 5px;
    color: #999;
    font-weight: normal
}

.member-heading .userpic {
    max-width: 60%;
    display: inline-block;
    overflow: hidden;
    border-radius: 10px
}

.member-heading .userpic img {
    max-width: 100%;
    height: auto
}

.member-heading .social {
    vertical-align: middle;
    margin-left: 20px;
    display: inline-block;
    text-align: center;
    position: relative;
    width: 50px
}

.member-heading .social:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-right: 8px solid #2D343E;
    top: 50%;
    margin-top: 8px;
    left: -8px
}

.member-heading .social li {
    display: block;
    margin: 0
}

.member-content p.like {
    position: relative;
    padding-top: 35px;
    font-weight: normal;
    font-style: italic;
    color: #FF3B30
}

.member-content p.like:before {
    font-style: normal;
    position: absolute;
    font-family: FontAwesome;
    content: "\f004";
    color: #FF3B30;
    font-size: 20px;
    left: 50%;
    margin-left: -20px;
    top: 0;
    width: 40px;
    height: 30px;
    line-height: 30px
}

.timeline > ol {
    position: relative;
    padding-bottom: 5px
}

.timeline > ol:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 1px;
    background-color: #F1F1F1;
    height: 100%
}

.timeline > ol > li {
    list-style-type: none;
    clear: both;
    position: relative;
    margin: 0;
    padding: 15px 0;
    min-height: 150px
}

.timeline-content {
    position: relative;
    display: inline-block;
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1
}

.timeline-content .article-date {
    margin-bottom: 0
}

.timeline li.even .timeline-content .title,
.timeline li.even .timeline-content .content {
    margin-left: 30px;
    margin-right: 30px
}

@media (min-width: 768px) {
    .timeline > ol:before {
        display: none
    }

    .timeline li.even {
        margin-left: 50%;
        left: -1px;
        border-left: 1px solid #F1F1F1
    }

    .timeline li.odd {
        margin-right: 50%;
        text-align: right;
        border-right: 1px solid #F1F1F1
    }

    .timeline li.even .timeline-content {
        border-left: none
    }

    .timeline li.odd .timeline-content {
        border-right: none
    }

    .timeline-content {
        padding-top: 30px
    }

    .timeline-content .article-date {
        position: absolute;
        z-index: 1;
        top: 0;
        margin-bottom: 0
    }

    .timeline li.even .timeline-content .article-date {
        left: -40px
    }

    .timeline li.odd .timeline-content .article-date {
        right: -40px
    }

    .timeline li.even .timeline-content .title,
    .timeline li.even .timeline-content .content {
        margin-left: 50px;
        margin-right: 30px
    }

    .timeline li.odd .timeline-content .title,
    .timeline li.odd .timeline-content .content {
        margin-left: 30px;
        margin-right: 50px
    }

    .timeline-content .thumbnail {
        margin-top: 30px
    }
}

.timeline li.year {
    background-color: transparent;
    font-size: 16px;
    color: #FFF;
    min-height: 0;
    text-align: center;
    padding: 0;
    height: 80px;
    line-height: 80px;
    width: 80px;
    margin: 0 auto
}

.clients.carousel .client {
    display: inline-block;
    vertical-align: middle;
    float: none;
    position: relative;
    text-align: center
}

.page-login-register .side-options .side-options-heading {
    background-color: #F1F1F1
}

.page-login-register .side-options .side-options-heading a,
.page-login-register .side-options .side-options-heading a span {
    color: #2D343E
}

.page-login-register {
    background-color: #2D343E
}

.page-login-register #login-register {
    padding: 8% 0 0;
    margin: auto;
    text-align: center
}

.page-login-register .logo {
    display: inline-block;
    opacity: 0.4;
    margin-bottom: 30px
}

.page-login-register .logo:hover {
    opacity: 0.9
}

.page-login-register #login-register > div {
    text-align: left
}

#recovery {
    display: inline-block;
    width: 100%;
    opacity: 0;
    position: relative;
    left: -30px;
    display: none
}

#recovery > hr {
    margin-top: 0
}

#recovery .recovery-close {
    float: right;
    font-size: 18px;
    line-height: 1
}

#login-register.modal .close {
    position: absolute;
    top: 10px;
    right: 15px
}



#toTop {
    padding: 0;
    color: #FFF !important;
    border-radius: 3px;
    right: 0px;
    top: -50px;
    z-index: 2500;
    width: 40px;
    height: 40px;
    position: absolute;
    border-radius: 50%
}

.push {
    height: 50px
}

body .push-bottom {
    margin-bottom: 50px
}

body .push-top {
    margin-top: 50px
}

.push.push-big {
    height: 80px
}

.row + .push {
    height: 20px
}

.row + .push.push-big {
    height: 50px
}

*[data-animate*="In"] {
    opacity: 0
}

.animated.done[data-animate*="In"] {
    opacity: 1
}

.hinge,
.bounceIn,
.bounceInDown,
.bounceInLeft,
.bounceInRight,
.bounceInUp,
.slideInDown,
.slideInLeft,
.slideInRight,
.slideInUp {
    opacity: 1
}

.animated.done[data-animate*="Out"],
.animated.done[data-animate*="hinge"] {
    opacity: 0
}

/********************************* FIM ***/

/******************************* css/theme-elements.css ***/

/* 	::::::::::::*/
/* 	::Icon Box ::*/
/* 	::::::::::::*/
.iconbox {
    margin-bottom: 30px;
    text-align: center;
    display: block;
    -webkit-backface-visibility: hidden
}

.iconbox .iconbox-heading {
    margin-bottom: 20px
}

.iconbox .iconbox-heading .icon {
    text-align: center;
    height: 100px;
    line-height: 0;
    font-size: 60px;
    margin-bottom: 20px;
    color: #2D343E;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    z-index: 1
}

.iconbox .iconbox-heading .icon span, .iconbox .iconbox-heading .icon i {
    line-height: 100px
}

.iconbox .iconbox-heading .icon img {
    max-width: 100%;
    max-height: 100%;
    height: auto;
    width: auto
}

.iconbox .iconbox-heading .title, .iconbox .iconbox-heading .title > *, .iconbox .iconbox-content .title > * {
    margin: 0
}

.iconbox .iconbox-content .thumbnail {
    width: 90px;
    display: inline-block
}

/* Style 1 */
.iconbox.iconbox-style1 .iconbox-heading {
    font-size: 0;
    display: table;
    width: 100%
}

.iconbox.iconbox-style1 .iconbox-heading > * {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.iconbox.iconbox-style1 .iconbox-heading .icon {
    padding-right: 15px;
    position: relative;
    height: 100px;
    margin: 0;
    font-size: 60px
}

.iconbox.iconbox-style1 .iconbox-heading .icon:before {
    top: 10%;
    right: 0;
    position: absolute;
    height: 80%;
    width: 1px;
    content: "";
    background-color: #F1F1F1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-transform: rotate(20deg);
    transform: rotate(20deg)
}

.iconbox.iconbox-style1:hover .iconbox-heading .icon:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.iconbox.iconbox-style1 .iconbox-heading .icon span {
    font-size: 50px
}

.iconbox.iconbox-style1 .iconbox-heading .title {
    padding-left: 15px
}

/* Style 2 & 3 */
.iconbox.iconbox-style2 .icon,
.iconbox.iconbox-style3 .icon {
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    padding: 20px;
    position: relative
}

.iconbox.iconbox-style3 .iconbox-heading .icon:before,
.iconbox.iconbox-style3 .iconbox-heading .icon:after,
.iconbox.iconbox-style2 .iconbox-heading .icon:before,
.iconbox.iconbox-style2 .iconbox-heading .icon:after {
    z-index: -1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    content: "";
    position: absolute;
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.iconbox.iconbox-style2 .iconbox-heading .icon:after,
.iconbox.iconbox-style3 .iconbox-heading .icon:after {
    opacity: .9
}

/* Style 2 */
.iconbox.iconbox-style3 .icon {
    margin-bottom: 40px
}

.iconbox.iconbox-style2:hover .iconbox-heading .icon:before {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.iconbox.iconbox-style2:hover .iconbox-heading .icon:after {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

/* Style 3 */
.iconbox.iconbox-style3 .iconbox-heading .icon:before {
    -webkit-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.iconbox.iconbox-style3 .iconbox-heading .icon:after {
    -webkit-transform: rotate(10deg);
    transform: rotate(10deg)
}

.iconbox.iconbox-style3:hover .iconbox-heading .icon:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.iconbox.iconbox-style3:hover .iconbox-heading .icon:after {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

/* Style 4 & 5*/
.iconbox.iconbox-style4 .iconbox-heading .icon,
.iconbox.iconbox-style5 .iconbox-heading .icon {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    width: 100px;
    padding: 20px;
    background-color: #F9F9F9;
    border: 10px solid #002E63;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.iconbox.iconbox-style4:hover .iconbox-heading .icon,
.iconbox.iconbox-style5:hover .iconbox-heading .icon {
    background-color: #FFF
}

/* Style 4 */
.iconbox.iconbox-style4 .iconbox-heading .icon {
    border-radius: 50%
}

.iconbox.iconbox-style4 .iconbox-heading .icon img {
    padding-top: 10px;
    padding-bottom: 10px
}

/* Lists */
.iconbox.iconbox-list {
    text-align: left
}

.iconbox.iconbox-list .iconbox-heading {
    margin-bottom: 0;
    width: auto;
    float: left
}

.iconbox.iconbox-list .iconbox-heading .icon {
    height: 50px;
    width: 50px;
    margin: 0;
    padding: 0
}

.iconbox.iconbox-list .iconbox-heading .icon img {
    padding: 0
}

.iconbox.iconbox-list .iconbox-heading .icon span,
.iconbox.iconbox-list .iconbox-heading .icon i {
    line-height: 40px;
    font-size: 30px
}

.iconbox.iconbox-list .iconbox-content {
    margin-left: 65px
}

.iconbox.iconbox-list .iconbox-content .title {
    margin-bottom: 10px
}

/* Style 1 */
.iconbox.iconbox-style1.iconbox-list .iconbox-heading .icon img {
    padding: 8px
}

/* Style 2 & 3*/
.iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon,
.iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon {
    height: 40px;
    width: 40px;
    padding: 10px
}

.iconbox.iconbox-style2.iconbox-list .iconbox-heading .icon span,
.iconbox.iconbox-style3.iconbox-list .iconbox-heading .icon span {
    line-height: 40px
}

.iconbox.iconbox-style3.iconbox-list .iconbox-content,
.iconbox.iconbox-style2.iconbox-list .iconbox-content {
    margin-left: 80px
}

/* Style 4 & 5*/
.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon,
.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon {
    padding: 5px;
    height: 40px;
    width: 40px;
    font-size: 26px
}

.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon img,
.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon img {
    padding: 5px
}

.iconbox.iconbox-style4.iconbox-list .iconbox-heading .icon span,
.iconbox.iconbox-style5.iconbox-list .iconbox-heading .icon span {
    line-height: 40px
}

/* Inside */
.container-out.container-dark .iconbox .iconbox-heading .icon,
.container-out.container-image .iconbox .iconbox-heading .icon {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

/* Style 1 */
.container-dark .iconbox.iconbox-style1 .iconbox-heading .icon:before,
.container-image .iconbox.iconbox-style1 .iconbox-heading .icon:before {
    opacity: 0.1
}

/* Style 2 & 3*/
.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before,
.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before,
.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after,
.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after,
.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before,
.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before,
.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after,
.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after {
    border: none
}

/* Style 4 & 5*/
.container-dark .iconbox.iconbox-style4 .iconbox-heading .icon,
.container-dark .iconbox.iconbox-style5 .iconbox-heading .icon,
.container-image .iconbox.iconbox-style4 .iconbox-heading .icon,
.container-image .iconbox.iconbox-style5 .iconbox-heading .icon {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: transparent
}

.container-dark .iconbox.iconbox-style4:hover .iconbox-heading .icon,
.container-dark .iconbox.iconbox-style5:hover .iconbox-heading .icon,
.container-image .iconbox.iconbox-style4:hover .iconbox-heading .icon,
.container-image .iconbox.iconbox-style5:hover .iconbox-heading .icon {
    background-color: transparent;
    border-color: rgba(255, 255, 255, 0.1)
}

/* Style 2, 3, 4, 5 */
.container-light .iconbox.iconbox-style2 .iconbox-heading .icon:before,
.container-light .iconbox.iconbox-style3 .iconbox-heading .icon:before,
.container-light .iconbox.iconbox-style2 .iconbox-heading .icon:after,
.container-light .iconbox.iconbox-style3 .iconbox-heading .icon:after,
.container-light .iconbox.iconbox-style4 .iconbox-heading .icon,
.container-light .iconbox.iconbox-style5 .iconbox-heading .icon {
    background-color: #FFF
}

/* 	::::::::::*/
/* 	::Teaser ::*/
/* 	::::::::::*/
.teaser {
    position: relative;
    display: inline-block;
    margin-bottom: 30px;
    -webkit-backface-visibility: hidden
}

.teaser .teaser-img {
    overflow: hidden
}

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

.teaser .teaser-bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    background-color: #FFF;
    opacity: 0;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    -webkit-backface-visibility: hidden
}

.teaser .teaser-info {
    position: absolute;
    margin: 0 15px;
    left: 0;
    right: 0;
    margin-top: 25px;
    top: 50%;
    z-index: 2;
    color: #282E3A;
    text-align: center;
    opacity: 0;
    -webkit-transition: all 0.2s 0.1s ease-in-out;
    transition: all 0.2s 0.1s ease-in-out;
    -webkit-backface-visibility: hidden
}

.teaser-info .title > * {
    color: #282E3A
}

.teaser-info .title:last-child {
    margin-bottom: 0
}

.teaser-info .btn + .btn {
    margin-left: 5px
}

/* From inside */
.teaser.teaser-in .teaser-info {
    -webkit-transform: scale(0.7);
    transform: scale(0.7)
}

.teaser.teaser-in .teaser-bg {
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

/* From upside */
.teaser.teaser-out .teaser-info {
    -webkit-transform: scale(1.3);
    transform: scale(1.3)
}

.teaser.teaser-out .teaser-bg {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

/* From up */
.teaser.teaser-up .teaser-info {
    top: 40%
}

.teaser.teaser-up .teaser-bg {
    top: -10%
}

/* From right */
.teaser.teaser-right .teaser-info {
    left: 10%
}

.teaser.teaser-right .teaser-bg {
    left: 10%
}

/* From down */
.teaser.teaser-down .teaser-info {
    top: 60%
}

.teaser.teaser-down .teaser-bg {
    top: 10%
}

/* From left */
.teaser.teaser-left .teaser-info {
    left: -10%
}

.teaser.teaser-left .teaser-bg {
    left: -10%
}

/* Hover */
.teaser:hover .teaser-bg,
.teaser:hover .teaser-info {
    left: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.teaser:hover .teaser-info {
    top: 50%
}

.teaser:hover .teaser-bg {
    opacity: 0.6;
    top: 0
}

/* 	:::::::::::::::::::::*/
/* 	::Alerts & Messages ::*/
/* 	:::::::::::::::::::::*/
.alert,
.message {
    position: relative;
    margin-bottom: 30px;
    padding: 30px;
    padding-bottom: 10px;
    border: 1px solid transparent;
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.alert .alert-heading h4,
.message .message-heading h4 {
    color: #FFF;
    margin-top: 0;
    font-weight: 600
}

.alert .alert-heading i {
    width: 50px;
    height: 50px;
    border: 5px solid #FFF;
    display: inline-block;
    line-height: 45px;
    text-align: center;
    font-size: 26px;
    margin-right: 10px;
    vertical-align: middle
}

.alert .alert-heading span {
    display: inline-block;
    vertical-align: middle
}

.message .close,
.alert .close {
    float: right
}

/*.showalert {
    -webkit-border-bottom-right-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border: #A3A3A3 1px solid;
    background: none;
    margin-left: auto;
    margin-right: auto;
    width: 400px;
    min-height: 100px
}*/

.showalert > div.img {
    width: 100px;
    border: #000 0px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px
}

.showalert > div.msg {
    width: 380px;
    border: #000 0px solid;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
    line-height: 15px;
    font-size: 13px
}

/* Animated */
.alert.animated .alert-heading i {
    -webkit-animation: pulsate 1s ease-out infinite;
    -moz-animation: pulsate 1s ease-out infinite;
    -ms-animation: pulsate 1s ease-out infinite;
    animation: pulsate 1s ease-out infinite
}

@keyframes pulsate {
    0% {
        -webkit-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
        opacity: 0.0
    }
    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 1.0
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0
    }
}

@-webkit-keyframes pulsate {
    0% {
        -webkit-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7);
        opacity: 0.0
    }
    50% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0);
        opacity: 1.0
    }
    100% {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
        opacity: 0.0
    }
}

/* Warning */
.alert.alert-warning {
    color: #2D343E;
    text-shadow: none;
    background-color: #FFD633;
    border-color: #FC0
}

.alert.alert-warning h4 {
    color: #2D343E
}

.alert.alert-warning .alert-heading i {
    border-color: #2D343E
}

/* Success */
.alert.alert-success {
    background-color: #33C570;
    border-color: #00B74C
}

/* Error */
.alert.alert-error {
    background-color: #FF6259;
    border-color: #FF3B30
}

/* Information */
.alert.alert-info {
    background-color: #5DBBE3;
    border-color: #34AADC
}

/* Message */
.message {
    color: inherit;
    text-shadow: none;
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1
}

.message .message-heading h4 {
    color: #2D343E
}

/* 	:::::::::::::::::*/
/* 	::Call 2 Action ::*/
/* 	:::::::::::::::::*/
.call2action {
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    margin-bottom: 30px;
    text-align: center
}

.call2action > div {
    padding: 30px;
    padding-bottom: 0;
    display: block
}

.call2action .btn {
    margin-bottom: 30px
}

.call2action .btn .icon {
    font-size: 30px
}

.call2action .btn span + .icon,
.call2action .btn .icon + span {
    margin-left: 20px
}

.call2action .btn > * {
    display: inline-block;
    vertical-align: middle
}

/* Right & Left */
.call2action.call2action-right,
.call2action.call2action-left {
    display: table;
    width: 100%;
    text-align: left
}

.call2action.call2action-right > div,
.call2action.call2action-left > div {
    display: table-cell;
    vertical-align: middle
}

.call2action.call2action-left .call2action-heading,
.call2action.call2action-right .call2action-content {
    width: 1%;
    white-space: nowrap
}

/* Colored */
.call2action.call2action-colored {
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1);
    color: #FFF
}

.call2action.call2action-colored .title > * {
    color: #FFF
}

.call2action.call2action-colored .btn {
    color: #2D343E;
    background-color: #FFF;
    border-color: #FFF
}

.call2action.call2action-colored .btn:hover {
    color: #2D343E;
    background-color: #F9F9F9;
    border-color: #F9F9F9
}

.call2action.call2action-colored .btn:active {
    border-color: #FFF
}

.call2action.call2action-colored a {
    color: #FFF
}

.call2action.call2action-colored a {
    text-decoration: underline
}

.call2action.call2action-colored a:hover {
    text-decoration: none
}

/* Inside */
.call2action.full-width {
    border: none;
    margin: 0;
    background-color: transparent
}

.call2action.full-width > div {
    padding: 0
}

.call2action.full-width.call2action-right .call2action-heading,
.call2action.full-width.call2action-left .call2action-heading {
    padding-right: 30px
}

.call2action.full-width.call2action-right .call2action-content,
.call2action.full-width.call2action-left .call2action-content {
    padding-left: 30px
}

@media (max-width: 767px) {
    .call2action > div {
        display: block !important;
        text-align: center;
        width: 100% !important
    }

    .call2action.full-width > div {
        padding-right: 0 !important;
        padding-left: 0 !important
    }

    .call2action > .call2action-content {
        text-align: center !important
    }
}

/* 	:::::::::::::::*/
/* 	::Testimonial ::*/
/* 	:::::::::::::::*/
.testimonial-wrap {
    opacity: 0;
    position: relative;
    margin-bottom: 30px;
    overflow: hidden;
    height: 100px
}

/* Navigation */
.testimonial-nav {
    position: absolute;
    z-index: 2;
    bottom: 90px;
    margin: 0;
    left: 50%;
    margin-left: -100px;
    width: 200px
}

.testimonial-nav li {
    float: right;
    display: inline-block
}

.testimonial-nav li:first-child {
    float: none
}

.testimonial-nav li a.btn {
    width: 36px;
    height: 36px;
    line-height: 36px
}

/* Testimonial */
.testimonial-outer {
    position: relative;
    padding-bottom: 7px
}

.testimonial-outer:after,
.testimonial-outer:before {
    bottom: -1px;
    left: 50%;
    margin-left: -8px;
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid #F1F1F1
}

.testimonial-outer:after {
    bottom: 0;
    border-top-color: #F9F9F9
}

.testimonial-inner {
    border: 1px solid #F1F1F1;
    background-color: #F9F9F9;
    padding-bottom: 20px
}

.testimonial {
    padding: 0;
    margin: 0
}

.testimonial > li {
    display: block;
    float: left;
    margin: 0
}

.testimonial-content {
    text-align: center;
    font-style: italic;
    padding: 30px;
    padding-bottom: 0;
    position: relative;
    font-size: 14px;
    line-height: 24px
}

.testimonial-content p {
    line-height: 24px
}

.testimonial .testimonial-heading {
    display: none
}

.testimonial-heading {
    margin-top: 20px;
    width: 100%;
    bottom: 0;
    position: absolute;
    opacity: 0;
    padding: 0 20px;
    text-align: center
}

.testimonial-heading.current {
    left: 0;
    position: relative;
    opacity: 1
}

.testimonial-heading > * {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    clear: both
}

.testimonial-heading .userpic {
    border-radius: 50%;
    overflow: hidden;
    width: 100px;
    height: 100px;
    margin-bottom: 10px
}

.testimonial-heading .title {
    width: 100%;
    text-align: center
}

.testimonial-heading .title > * {
    margin: 0
}

.testimonial-heading .title .position {
    color: #888
}

.testimonial-heading .title .position:before {
    content: "- "
}

.testimonial-heading .title .position:after {
    content: " -"
}

/* Pagination */
.testimonial-pagi {
    margin-top: 20px;
    text-align: center
}

.testimonial-pagi a {
    vertical-align: middle;
    display: inline-block;
    background-color: transparent;
    width: 15px;
    height: 15px;
    border-radius: 2px;
    text-indent: -99999px;
    margin: 0 2px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #F1F1F1;
    background-color: #F9F9F9
}

.testimonial-pagi a:hover,
.testimonial-pagi a.selected {
    background-color: #FFF
}

/* Position */
.testimonial-wrap.testimonial-left .testimonial-heading {
    text-align: left
}

.testimonial-wrap.testimonial-right .testimonial-heading {
    text-align: right
}

.testimonial-wrap.testimonial-left .testimonial-heading .title,
.testimonial-wrap.testimonial-right .testimonial-heading .title {
    width: auto
}

.testimonial-wrap.testimonial-left .testimonial-heading .userpic {
    margin-bottom: 0;
    margin-right: 10px
}

.testimonial-wrap.testimonial-right .testimonial-heading .userpic {
    margin-bottom: 0;
    margin-left: 10px
}

.testimonial-wrap.testimonial-left .testimonial-outer:after,
.testimonial-wrap.testimonial-left .testimonial-outer:before {
    left: 70px
}

.testimonial-wrap.testimonial-right .testimonial-outer:after,
.testimonial-wrap.testimonial-right .testimonial-outer:before {
    left: auto;
    right: 62px
}

.testimonial-wrap.testimonial-right .testimonial-nav,
.testimonial-wrap.testimonial-left .testimonial-nav {
    bottom: 112px;
    width: 76px;
    margin-left: inherit;
    left: auto
}

.testimonial-wrap.testimonial-right .testimonial-nav {
    left: 15px
}

.testimonial-wrap.testimonial-left .testimonial-nav {
    right: 15px
}

/* Colored */
.testimonial-wrap.testimonial-colored .testimonial-inner {
    color: #FFF;
    text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1)
}

.testimonial-wrap.testimonial-colored .testimonial-nav a {
    border: 1px solid #2D343E;
    background-color: #2D343E;
    color: #FFF
}

.testimonial-wrap.testimonial-colored .testimonial-nav a:hover {
    background-color: #535861
}

.testimonial-wrap.testimonial-colored .testimonial-pagi a {
    border-color: #2D343E;
    background-color: #2D343E
}

.testimonial-wrap.testimonial-colored .testimonial-pagi a:hover,
.testimonial-wrap.testimonial-colored .testimonial-pagi a.selected {
    border-color: #535861;
    background-color: #535861
}

/* Inside container */
.container-out.container-image .testimonial-inner {
    color: #FFF;
    border: none;
    background-color: transparent
}

.container-out.container-image .testimonial-content {
    padding: 0
}

.container-out.container-image .testimonial-pagi {
    margin-top: 0
}

.container-out.container-image .testimonial-heading {
    margin-top: 30px
}

.container-out.container-image .testimonial-outer:after,
.container-out.container-image .testimonial-outer:before {
    display: none
}

.container-out.container-image .testimonial-pagi a {
    border-color: #FFF;
    background-color: #FFF;
    opacity: 0.4
}

.container-out.container-image .testimonial-pagi a:hover,
.container-out.container-image .testimonial-pagi a.selected {
    opacity: 0.9
}

.container-out.container-image .testimonial-heading .title .position {
    color: #FFF;
    opacity: 0.4
}


/* 	::::::::::*/
/* 	::Slider ::*/
/* 	::::::::::*/
.slider-wrap {
    position: relative;
    opacity: 0;
    margin-bottom: 30px;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear
}

.slider-wrap.created {
    opacity: 1
}

.slider {
    display: inline-block;
    opacity: 0;
    height: 30px
}

.slider-wrap.created .slider {
    opacity: 1
}

.slider > * {
    display: block;
    width: 100%;
    float: left
}

.slider > * img {
    max-width: 100%;
    width: 100%;
    height: auto
}

/* Navigation */
.slider-nav {
    left: 50%;
    margin-left: -38px;
    top: 50%;
    margin-top: 18px !important;
    position: absolute;
    z-index: 2
}

.slider-nav li {
    list-style-type: none;
    float: left;
    position: relative;
    left: -20px;
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out
}

.slider-nav li + li {
    margin-left: 4px;
    left: 20px
}

.slider-nav a.btn {
    border: none;
    background-color: rgba(255, 255, 255, 0.4);
    color: #2D343E
}

.slider-nav a.btn:hover {
    color: #2D343E;
    background-color: rgba(255, 255, 255, 0.9)
}

.slider-wrap:hover .slider-nav li {
    left: 0;
    opacity: 1
}

/* 	::::::::::::*/
/* 	::Carousel ::*/
/* 	::::::::::::*/
.carousel-wrap {
    margin-top: 14px;
    margin-bottom: 0px;
    position: relative;
    overflow: hidden;
    height: 100px;
    background: url(loader-dark.gif) center center no-repeat transparent
}

.container-out.container-dark .carousel-wrap,
.container-out.container-image .carousel-wrap {
    background-image: url(loader-light.gif)
}

.carousel-wrap.created {
    overflow: visible;
    height: auto;
    background: transparent !important
}

.carousel-wrap > * {
    opacity: 0
}

/* Navigation */
.carousel-nav {
    margin: 0;
    padding: 0;
    margin-bottom: 30px
}

.carousel-nav li {
    position: relative;
    list-style-type: none;
    display: inline-block
}

.carousel-nav li + li {
}

.carousel-nav li a.btn {
    width: 46px;
    height: 32px;
    line-height: 20px;
}
/*.carousel-nav li a.prev::after {
   content:"<";
   margin-bottom:3px;
   color:#FFFFFF;
}
.carousel-nav li a.next::after {
   content:">";
   margin-bottom:3px;
   color:#FFFFFF;
}*/

/* Inside container */
.container-out.container-dark .carousel-nav li a,
.container-out.container-image .carousel-nav li a {
    text-shadow: none;
    border: none;
    color: #2D343E;
    background: rgba(255, 255, 255, 0.4)
}

.container-out.container-dark .carousel-nav li a:hover,
.container-out.container-image .carousel-nav li a:hover {
    color: #2D343E;
    background: rgba(255, 255, 255, 0.9)
}

/* Nav in wrapper */
.carousel-wrap > .carousel-nav {
    position: absolute;
    top: 7%;
    margin-top: 15px;
    width: 100%;
    padding-right: 24px;
}

.carousel-wrap > .carousel-nav li {
    float: right;
    right: -60px
}

.carousel-wrap > .carousel-nav li:first-child {
    float: left;
    right: auto;
    left: -60px
}

/* Inside boxed container */
body > #boxed .carousel-wrap > .carousel-nav li:first-child,
body > #boxed .carousel-wrap > .carousel-nav li {
    left: auto;
    right: auto
}

body > #boxed .carousel-wrap > .carousel-nav + .carousel-outer {
    margin-left: 80px;
    margin-right: 80px
}

@media (max-width: 1200px) {
    body:not(.w970) .carousel-wrap > .carousel-nav {
        position: relative;
        top: auto;
        display: inline-block;
        text-align: right
    }

    body:not(.w970) .carousel-wrap > .carousel-nav li {
        float: none;
        left: auto;
        right: auto;
        margin-left: 5px
    }

    body:not(.w970) > #boxed .carousel-wrap > .carousel-nav + .carousel-outer {
        margin-left: 0;
        margin-right: 0
    }
}

@media (max-width: 1150px) {
    body.w970 .carousel-wrap > .carousel-nav {
        position: relative;
        top: auto;
        display: inline-block;
        text-align: right
    }

    body.w970 .carousel-wrap > .carousel-nav li {
        float: none;
        left: auto;
        right: auto;
        margin-left: 5px
    }

    body.w970 > #boxed .carousel-wrap > .carousel-nav + .carousel-outer {
        margin-left: 0;
        margin-right: 0
    }
}

/* Nav in title */
.title .carousel-nav {
    float: right;
    margin: 0
}

.title.center .carousel-nav {
    position: absolute;
    width: 100%;
    top: 0
}

/* Pagination */
.carousel-pagi {
    margin-top: 30px;
    text-align: center
}

.carousel-pagi a {
    vertical-align: middle;
    display: inline-block;
    background-color: transparent;
    width: 15px;
    height: 15px;
    text-indent: -99999px;
    margin: 0 2px;
    position: relative;
    cursor: pointer;
    background-color: transparent;
    border: 1px solid #F1F1F1;
    background-color: #F9F9F9
}

.carousel-pagi a:hover,
.carousel-pagi a.selected {
    background-color: #FFF
}

/* Inside container */
.container-out.container-dark .carousel-pagi a,
.container-out.container-image .carousel-pagi a {
    border-radius: 2px;
    border: none;
    background-color: #FFF;
    opacity: 0.4
}

.container-out.container-dark .carousel-pagi a:hover,
.container-out.container-image .carousel-pagi a:hover,
.container-out.container-dark .carousel-pagi a.selected,
.container-out.container-image .carousel-pagi a.selected {
    opacity: 0.9
}

/* Carousel */
.carousel-outer {
    overflow: hidden
}

/*.carousel-inner{ margin-left:-20px}*/
.carousel {
    display: inline-block;
    width: 100%;
    opacity: 0;
    -webkit-transition: opacity 0.1s linear;
    transition: opacity 0.1s linear;
    -webkit-backface-visibility: hidden
}

.carousel-wrap.created .carousel {
    opacity: 1;
    -webkit-user-select: none;
    user-select: none
}

.carousel > * {
    float: left;
    display: block;
    margin-left:0px
}

/* With slider */
.carousel .slider-wrap,
.carousel .slider-wrap .slider {
    opacity: 1
}

.container-full-width .caroufredsel_wrapper {
    cursor: grab !important;
    cursor: -moz-grab !important;
    cursor: -webkit-grab !important
}

.container-full-width .caroufredsel_wrapper.active {
    cursor: grabbing !important;
    cursor: -moz-grabbing !important;
    cursor: -webkit-grabbing !important
}

/* No margins */
.carousel-wrap.carousel-no-margins .carousel-inner {
    margin: 0 -5px 0 0 !important
}

.carousel-wrap.carousel-no-margins,
.carousel-wrap.carousel-no-margins .carousel > * {
    margin: 0 !important
}

/* 	::::::::::::::::::*/
/* 	::Pricing Tables ::*/
/* 	::::::::::::::::::*/
.pricing {
    width: 100%;
    display: inline-block;
    margin-bottom: 30px
}

.pricing .pricing-col {
    text-align: center;
    margin-right: -15px;
    margin-left: -15px;
    position: relative;
    overflow: hidden
}

.pricing .pricing-heading {
    background-color: #F9F9F9;
    display: table;
    width: 101%
}

.pricing .pricing-heading .title,
.pricing .pricing-heading .text {
    margin-bottom: 0;
    width: 100%
}

.pricing .pricing-heading .title {
    display: table-row;
    line-height: 40px
}

.pricing .pricing-heading .title span {
    background-color: #FC0;
    position: absolute;
    right: -24px;
    font-size: 11px;
    color: #7E490F;
    text-shadow: none;
    top: -9px;
    padding: 20px 20px 3px 20px;
    line-height: 1;
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg)
}

.pricing .pricing-heading .price {
    position: relative;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 0;
    display: inline-block;
    text-align: center
}

.pricing .pricing-heading .price span {
    font-size: 13px;
    margin-left: 10px
}

.pricing .pricing-heading .price span:before {
    margin-left: -5px;
    position: absolute;
    height: 100%;
    width: 1px;
    content: "";
    background-color: rgba(255, 255, 255, 0.4);
    transform: rotate(20deg);
    -webkit-transform: rotate(20deg)
}

.pricing .pricing-heading .price.was {
    opacity: 0.2;
    text-decoration: line-through
}

.pricing .pricing-heading .text {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
    vertical-align: middle;
    height: 100px
}

.pricing .pricing-content ul {
    margin: 0
}

.pricing .pricing-content ul li {
    list-style-type: none;
    padding: 10px;
    max-height: 40px;
    min-height: 40px;
    border-bottom: 1px solid #F1F1F1
}

.pricing .pricing-content .fa-check {
    color: #00B74C
}

.pricing .pricing-content .fa-minus {
    color: #CCC
}

/* Featured */
.pricing .pricing-col.featured {
    margin: 0 -25px;
    z-index: 2;
    margin-top: 15px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1)
}

.pricing .pricing-col.featured .pricing-heading .text {
    height: 115px
}

.pricing .pricing-col.featured .pricing-footer .btn {
    margin: 21px 0;
    padding-top: 16px;
    padding-bottom: 16px
}

/* Style 1 */
.pricing.pricing-style1 .pricing-heading[class*="color-"] {
    text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.3);
    color: #FFF;
    position: relative
}

.pricing.pricing-style1 .pricing-heading[class*="color-"] .title,
.pricing.pricing-style1 .pricing-heading[class*="color-"] .price {
    color: #FFF
}

.pricing.pricing-style1 .pricing-heading.color-green {
    background-color: #00B74C
}

.pricing.pricing-style1 .pricing-heading.color-dark {
    background-color: #2D343E
}

.pricing.pricing-style1 .pricing-heading.color-red {
    background-color: #FF3B30
}

.pricing.pricing-style1 .pricing-heading.color-blue {
    background-color: #007AFF
}

.pricing.pricing-style1 .pricing-heading .title {
    background-color: #F1F1F1;
    text-transform: uppercase;
    position: relative
}

.pricing.pricing-style1 .pricing-heading[class*="color-"] .title {
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1)
}

.pricing.pricing-style1 .pricing-heading.color-green .title {
    background-color: #33C570
}

.pricing.pricing-style1 .pricing-heading.color-dark .title {
    background-color: #535861
}

.pricing.pricing-style1 .pricing-heading.color-red .title {
    background-color: #FF6259
}

.pricing.pricing-style1 .pricing-heading.color-blue .title {
    background-color: #3395FF
}

.pricing.pricing-style1 .pricing-content {
    border-left: 1px solid #F1F1F1
}

.pricing.pricing-style1 > *:last-child .pricing-content {
    border-right: 1px solid #F1F1F1
}

.pricing.pricing-style1 .pricing-content ul li:nth-child(odd) {
    background-color: #FFF
}

.pricing.pricing-style1 .pricing-content ul li:nth-child(even) {
    background-color: #F9F9F9
}

.pricing.pricing-style1 .pricing-content h5 {
    margin: 0;
    line-height: 20px
}

.pricing.pricing-style1 .pricing-footer {
    background-color: #F9F9F9;
    border-bottom: 1px solid #F1F1F1;
    border-left: 1px solid #F1F1F1
}

.pricing.pricing-style1 > *:last-child .pricing-footer {
    border-right: 1px solid #F1F1F1
}

.pricing .pricing-footer .btn {
    margin: 27px 0
}

/* Desc row */
.pricing.pricing-style1 .pricing-col.description {
    border-top: none;
    border-left: none
}

.pricing.pricing-style1 .pricing-col.description .pricing-content {
    border-top: 1px solid #F1F1F1;
    margin-top: 139px;
    text-align: left
}

.pricing.pricing-style1 .pricing-col.featured .pricing-content,
.pricing.pricing-style1 .pricing-col.featured .pricing-footer {
    border-right: 1px solid #F1F1F1
}

/* Style 2 */
.pricing.pricing-style2 .pricing-col {
    background-color: #F9F9F9;
    border: 1px solid #F1F1F1;
    border-left: none
}

.pricing.pricing-style2 > *:first-child .pricing-col {
    border-left: 1px solid #F1F1F1
}

.pricing.pricing-style2 .pricing-heading {
    background-color: transparent
}

.pricing.pricing-style2 .pricing-heading.color-green .title,
.pricing.pricing-style2 .pricing-heading.color-green h3 {
    color: #00B74C
}

.pricing.pricing-style2 .pricing-heading.color-red .title,
.pricing.pricing-style2 .pricing-heading.color-red h3 {
    color: #FF3B30
}

.pricing.pricing-style2 .pricing-heading.color-blue .title,
.pricing.pricing-style2 .pricing-heading.color-blue h3 {
    color: #007AFF
}

.pricing.pricing-style2 .pricing-heading.color-dark .title,
.pricing.pricing-style2 .pricing-heading.color-dark h3 {
    color: #282E3A
}

.pricing.pricing-style2 .pricing-heading .title {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 16px
}

.pricing.pricing-style2 .pricing-heading .price span:before {
    background-color: #F1F1F1
}

.pricing.pricing-style2 .pricing-content ul li {
    margin-left: 15px;
    margin-right: 15px
}

.pricing.pricing-style2 .pricing-footer {
    background-color: transparent
}

.pricing.pricing-style2 .pricing-col.featured {
    background-color: #FFF;
    border-left: 1px solid #F1F1F1
}

@media (max-width: 991px) {
    .pricing [class*="col-md-"] .pricing-col.featured {
        margin-top: 0
    }

    .pricing.pricing-style1 [class*="col-md-"] .pricing-col .pricing-content,
    .pricing.pricing-style1 [class*="col-md-"] .pricing-col .pricing-footer {
        border-right: 1px solid #F1F1F1
    }

    .pricing.pricing-style2 [class*="col-md-"] .pricing-col {
        border: 1px solid #F1F1F1
    }
}

@media (max-width: 767px) {
    .pricing [class*="col-sm-"] .pricing-col.featured {
        margin-top: 0
    }

    .pricing.pricing-style1 [class*="col-sm-"] .pricing-col .pricing-content,
    .pricing.pricing-style1 [class*="col-sm-"] .pricing-col .pricing-footer {
        border-right: 1px solid #F1F1F1
    }

    .pricing.pricing-style2 [class*="col-sm-"] .pricing-col {
        border: 1px solid #F1F1F1
    }
}

/*  ::::::::::::::*/
/*  ::Multimedia ::*/
/*  ::::::::::::::*/
.fc-media {
    margin-bottom: 30px;
    background-color: #2D343E
}

.mejs-container {
    position: relative
}

.me-plugin {
    position: absolute
}

.mejs-embed,
.mejs-embed body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    background: #000;
    overflow: hidden
}

.mejs-fullscreen {
    overflow: hidden !important
}

.mejs-container-fullscreen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    z-index: 1000
}

.mejs-container-fullscreen .mejs-mediaelement,
.mejs-container-fullscreen video {
    width: 100%;
    height: 100%
}

.mejs-clear {
    clear: both
}

.mejs-background {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-mediaelement {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mejs-poster {
    position: absolute;
    top: 0;
    left: 0;
    background-size: contain;
    background-position: 50% 50%;
    background-repeat: no-repeat
}

:root .mejs-poster img {
    display: none
}

.mejs-poster img {
    border: 0;
    padding: 0;
    border: 0
}

.mejs-overlay {
    position: absolute;
    top: 0;
    left: 0
}

.mejs-overlay-play {
    cursor: pointer;
    background: rgba(255, 255, 255, 0.2);
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s
}

.mejs-container:hover .mejs-overlay-play {
    opacity: 1;
    -webkit-animation-name: hover-bounce;
    animation-name: hover-bounce
}

.mejs-overlay-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100px;
    height: 100px;
    margin: -50px 0 0 -50px;
    font-family: FontAwesome;
    color: #FFF;
    text-align: center;
    line-height: 100px;
    font-size: 32px;
    text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.5)
}

.mejs-overlay-button:before {
    content: "\f04b"
}

.no-svg .mejs-overlay-button {
    background: transparent
}

.mejs-overlay-loading {
    display: none !important
}

.mejs-overlay-loading span {
}

.mejs-container .mejs-controls {
    position: absolute;
    background-color: #2D343E;
    bottom: 0;
    height: 40px;
    width: 100%
}

.mejs-container .mejs-controls div {
    display: block;
    float: left;
    width: 40px;
    height: 40px;
    font-size: 11px;
    line-height: 11px;
    position: relative
}

.mejs-container .mejs-controls > div:after {
    position: absolute;
    bottom: 5px;
    top: 5px;
    content: '';
    background: rgba(255, 255, 255, 0.1);
    width: 1px;
    left: 0
}

.mejs-controls .mejs-button button {
    height: 40px;
    width: 40px;
    border: 0;
    padding: 0;
    background: transparent;
    display: block;
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px
}

.mejs-controls .mejs-play button:before {
    content: "\f04b"
}

.mejs-controls .mejs-pause button:before {
    content: "\f04c"
}

.mejs-controls .mejs-stop button:before {
    content: "\f04d"
}

.mejs-container .mejs-controls .mejs-time {
    width: auto;
    padding-right: 10px;
    padding-left: 10px;
    line-height: 40px;
    color: #FFF
}

.mejs-container .mejs-controls .mejs-time span {
}

.mejs-container .mejs-controls .mejs-time span,
.mejs-container .mejs-controls .mejs-time span {
    margin: 0
}

.mejs-controls div.mejs-time-rail {
    padding-left: 10px;
    padding-right: 10px
}

.mejs-controls .mejs-time-rail span {
    position: absolute;
    height: 8px;
    cursor: pointer;
    top: 50%;
    left: 0;
    margin-top: 4px
}

.mejs-controls .mejs-time-rail .mejs-time-total {
    left: 10px;
    background: rgba(255, 255, 255, 0.1)
}

.mejs-controls .mejs-time-rail .mejs-time-buffering {
    width: 100%;
    background: transparent;
    background-image: -webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.1)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.1)), color-stop(0.75, rgba(255, 255, 255, 0.1)), color-stop(0.75, transparent), to(transparent));
    background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
    background: rgba(255, 255, 255, 0.1) \9;
    background-size: 40px 40px;
    -webkit-animation: stripes 1.5s linear infinite;
    animation: stripes 1.5s linear infinite
}

.mejs-controls .mejs-time-rail .mejs-time-loaded {
    background: rgba(255, 255, 255, 0.1);
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-current {
    background: #FFF;
    width: 0
}

.mejs-controls .mejs-time-rail .mejs-time-handle {
    display: none
}

.mejs-controls .mejs-time-rail .mejs-time-float {
    display: none;
    font-size: 10px;
    background: #FFF;
    width: 34px;
    height: 20px;
    top: -25px;
    margin-left: -17px;
    text-align: center
}

.fc-media.fc-audio .mejs-time-float {
    display: none !important
}

.mejs-controls .mejs-time-rail .mejs-time-float-current {
    position: relative;
    top: 0;
    display: block;
    color: #2D343E;
    line-height: 18px;
    margin: 0
}

.mejs-controls .mejs-time-rail .mejs-time-float-corner {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #FFF;
    top: auto;
    left: 50%;
    margin-left: -5px;
    bottom: -6px
}

.mejs-controls .mejs-fullscreen-button button:before {
    content: "\f065"
}

.mejs-controls .mejs-unfullscreen button:before {
    content: "\f066"
}

.mejs-controls .mejs-mute button:before {
    content: "\f028"
}

.mejs-controls .mejs-unmute button:before {
    content: "\f026"
}

.mejs-controls .mejs-volume-button {
    position: relative
}

.mejs-controls div.mejs-horizontal-volume-slider {
    height: 8px;
    width: 60px;
    position: relative;
    margin-top: 16px;
    margin-right: 10px
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.1)
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
    background: #FFF
}

.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-handle {
    display: none
}

/************************** FIM ***************************/

/*********************  css/color/orange.css *****/

 a, .dropcap.clean {
    color: #FFFFFF;
    }

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    color: #FFFFFF !important;
}


.highlight {
    background-color: #002E63
}

.dropcap.clean {
    color: #002E63
}

blockquote:before, blockquote .author {
    color: #002E63
}

.arrow li:before, .circle li:before, .check li:before, .plus li:before, .dash li:before {
    color: #002E63
}

.skill .bar, .progress .bar {
    background-color: #002E63
}

body #page-header .breadcrumbs ul li.current a, body #page-header .breadcrumbs ul li a:hover {
    color: #002E63
}

.project-filter ul li a.active {
    color: #000000;
    font-weight: bold
}

.project-filter ul li a:hover {
    color: #000000;
}

.project-filter ul:hover li.selector {
    background-color: #002E63
}

.tweet-heading .title a:hover, .tweet-content .tweet-actions a:hover {
    color: #002E63
}

#main-menu ul.megamenu-category .category-content .iconbox:hover .title > * {
    color: #002E63
}

.title.title-section .sticker .icon {
    background-color: #002E63
}

.title.title-section .sticker .icon:after {
    border-top-color: #002E63
}

#page-content .nav ul li a:hover {
    color: #002E63
}

.article-date {
    background-color: #002E63
}

.article-date:after {
    border-top-color: #002E63
}

.article-nav ul li.selector a:hover {
    background-color: #002E63
}

.article-nav a:hover,
.article-nav a:hover:before,
#page-content .article-nav a:hover,
#page-content .article-nav a:hover:before {
    color: #002E63
}

#footer .tags p a:hover,
.tags p a:hover {
    background: #002E63
}

.post-content > .type {
    background-color: #002E63
}

.post-content > .type:after {
    border-top-color: #002E63
}

.timeline li.year {
    background-color: #002E63
}

.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:before,
.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:before,
.container-dark .iconbox.iconbox-style2 .iconbox-heading .icon:after,
.container-dark .iconbox.iconbox-style3 .iconbox-heading .icon:after,
.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:before,
.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:before,
.container-image .iconbox.iconbox-style2 .iconbox-heading .icon:after,
.container-image .iconbox.iconbox-style3 .iconbox-heading .icon:after {
    background-color: rgba(0, 122, 255, 0.5)
}

.call2action.call2action-colored {
    border-color: #002E63;
    background-color: #FF7D33
}

.testimonial-wrap.testimonial-colored .testimonial-inner {
    border-color: #002E63;
    background-color: #FF7D33
}

.testimonial-wrap.testimonial-colored .testimonial-outer:before {
    border-top-color: #002E63
}

.testimonial-wrap.testimonial-colored .testimonial-outer:after {
    border-top-color: #FF7D33
}

.tab.tab-colored .tab-heading {
    border-color: #002E63;
    background-color: #FF7D33
}

.tab.tab-colored .tab-heading li {
    border-color: #002E63
}

.tab.tab-colored .tab-heading li:hover a,
.tab.tab-colored .tab-heading li.current a {
    background-color: #002E63
}

.pricing.pricing-style1 .pricing-content h5 {
    color: #FF7D33
}

img {
    -ms-interpolation-mode: bicubic
}

.icon {
    background-size: cover
}

.icon img {
}

.form_contactos {
    width: 100%
}

.form_contactos td {
    padding: 0
}

.form_contactos .form_input {
    font-size: 14px !important
}

.first-post {
    width: 100% !important;
}

article.first-post .post-heading div {
    height: auto !important;
}

#content ul {
    margin: 5px 25px
}

.patrocinadores {
    background-color: #F9F9F9
}

/*ul.project-action {
    margin: 0 !important
}
*/
.fw-langs {
    color: transparent;
    font-family: "Open Sans", Arial, Tahoma, sans-serif;
    font-size: 11px;
    white-space: nowrap;
    padding-left: 9px;
    background: transparent url("../images/mundo.png") no-repeat scroll left center;
    height: 50px;
}

.fw-langs a {
    padding: 3px;
    color: #99ADB1;
    border: 1px solid #FFF;

}

.fw-langs a.active, .fw-langs a:hover {
    border: 1px solid #99ADB1;
}

.fw-langs .label {
    display: inline-block;
    height: 30px;
    line-height: 27px;
    font-size: 11px;
    color: #99ACB1;
    padding-right: 5px;
    font-weight: normal;
}

.fw-langs select {
    width: auto;
    display: inline-block;
    color: #b4b4b4;
    padding: 0;
    border: none;
    height: 30px;
    line-height: 30px;
    box-shadow: none;
    font-size: 11px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 6px;
    text-overflow: "";
    text-transform: uppercase;
    background: transparent url('darrow.png') no-repeat right center;
    -webkit-filter: opacity(.5) drop-shadow(0 0 0 grey);
  filter: opacity(.5) drop-shadow(0 0 0 grey);
    background-size: 7px 7px;
    transform: translateY(-2px);
    cursor: pointer;
}


.fw-langs select:focus {
    border: none;
    box-shadow: none;
}

.fw-langs select::-ms-expand {
    display: none;
}

.content {
    max-width: 1138px;
    margin: auto;
}

.barratopo {
    background: transparent url("topbarra.png") no-repeat scroll 0% 0% / 100% auto;
    width: 100%;
    height: 51px;
    margin-bottom: 10px;
}

.tp-bullets.simplebullets.round .bullet {
    background: #FFF !important;
    opacity: 0.6;
    border-radius: 31px;
    width: 31px;
    height: 31px;
    margin-left: 4px
}

.tp-bullets.simplebullets.round .bullet:hover, .tp-bullets.simplebullets.round .bullet.selected, .tp-bullets.simplebullets.navbar .bullet:hover, .tp-bullets.simplebullets.navbar .bullet.selected {
    opacity: 1
}

.fams-right {
    width: 250px;
    float: left;
    margin-bottom: 20px;
}

.fams-titulo {
    width: calc(100% - 20px);
    padding: 7px 10px;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
    background-color: #002E63;
    margin-bottom: 10px;
}

ul.fams {
    list-style: none;
    margin: 10px 0;

}

ul.fams li {

    margin-top:2px;
}

.xpto{
    background-color: #f5f5f5;
    padding: 13px;
}
.xpto.active{
    background-color: #FFFFFF;
    border-left:7px solid #000000;
    color:#ffffff;
}
.xpto.active::before{
    content:'\25b6';
     margin-left: -21px;
   margin-right: 5px;
   color:#000000;
}


.mgt, .mgt a{
    color:orange;
}

.mgt::before{
    content: "≫ ";

}

.mgti img::before{
    content: "xxx ";
}

  /**/
}
.xpto.active::before{

/*font-family: FontAwesome, sans-serif;
    content: "\f105";*/
    content: "\25b6";
    margin-left: -18px;
    margin-right: 10px;
    color:black;
    font-size: 15px;
}

.firsfam:hover{

    color:#FFFFFF;
}
.mencol1{
    color:#000000;
}
.mencol2{
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 13px/23px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #b3b3b3 !important;
    letter-spacing: normal;
}

ul.fams li a {
    color: #000;
}

ul.fams li:hover {
}

ul.fams li:hover a {
    color: #002E63;
}

ul.fams li ul.subfam li {
    /*padding: 0;
    line-height: 20px*/
    cursor:pointer;

    text-align: left;
    font: 13px/25px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #4c4c4c;
    letter-spacing: normal;
}

ul.fams li ul.subfam li a {
    color: #939393;
    font-size: 13px;
}

ul.fams li ul.subfam li a:hover, ul.fams li ul.subfam li a.active {
    color: #002E63;
}

ul.fams ul.subfam {
    list-style: none;
    margin: 5px 10px;
    display: none;
    background-color: #FFF;
}

ul.fams ul.subfam.subfam.active {
    display: block
}

a.default {
    cursor: pointer;
    float: left;
    width: calc(100% - 5px);
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
}

a.default:hover, a.default.active {
    background-image: -webkit-gradient(
            linear,
            left top,
            right top,
            color-stop(0, #F0F0F0),
            color-stop(1, #FFF)
    );
    background-image: -o-linear-gradient(right, #F0F0F0 0%, #FFF 100%);
    background-image: -moz-linear-gradient(right, #F0F0F0 0%, #FFF 100%);
    background-image: -webkit-linear-gradient(right, #F0F0F0 0%, #FFF 100%);
    background-image: -ms-linear-gradient(right, #F0F0F0 0%, #FFF 100%);
    background-image: linear-gradient(to right, #F0F0F0 0%, #FFF 100%);
}

.products-container {
    float: left;
    /*width: calc(100% - 250px);*/
    min-height: 150px;
    margin-bottom: 25px;
    width:100%;
}

.products-container center {
    margin-top: 25px;
}

.order, .mostar {
    float: left;
    margin: 5px;
    display: inline
}

.order select, .mostar select, .order span, .mostar span {
    display: inline
}

.order select, .mostar select {
    width: auto;
    height: auto;
    padding: 0
}

.left {
    float: left
}

.right {
    float: right
}

.grey-bar {
    width: calc(100% - 10px);
    padding: 5px;
    background-color: #F3F3F3;
    height: 45px;
    margin-bottom: 10px
}

.exibir {
    margin: 7px
}

.product-item {
    width: 230px;
    height: 290px;
    float: left;
    margin: 5px 0px;
}

.product-item .product-img {
    height: 220px;
    width: 220px;
    margin: 0 5px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    float: left;
    border: 1px solid #f5f5f5;
    background-color: #f5f5f5;
    border-radius:1px;
}

.product-item .product-name {
    width: 220px;
    width: 220px;
    margin: 5px;
    /*float: left;
    overflow-y: hidden;
    text-align: left;
    color: rgb(246,96,11);
    font-weight: bold;*/

    font: 19px/26px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #fe9705;
    letter-spacing: normal;



}

.product-item:hover .product-name {color: #002E63}
.catalogo{margin-top:0px;}

.product-btn {
    -moz-box-shadow: inset 0px 1px 0px 0px #FCE2C1;
    -webkit-box-shadow: inset 0px 1px 0px 0px #FCE2C1;
    box-shadow: inset 0px 1px 0px 0px #FCE2C1;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #FF9C45), color-stop(1, #DF7512));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9c45', endColorstr='#df7512');
    background-color: #FF9C45;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-bottom-left-radius: 5px;
    text-indent: 0;
    display: inline-block;
    color: #FFF;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    font-style: normal;
    height: 30px;
    line-height: 30px;
    width: 130px;
    text-decoration: none;
    text-align: center;
    text-shadow: 1px 1px 0px #CC9F52;
    text-transform: uppercase;
    margin-left: 24%;
}

.product-btn:hover {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #DF7512), color-stop(1, #FF9C45));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#df7512', endColorstr='#ff9c45');
    background-color: #DF7512;
    color: #FFF;
}

.product-btn:active {
    position: relative;
    top: 1px;
}

.pag-btn {
    padding: 3px 10px;
    margin: 3px;
    border: 1px solid #DFDFDF;
    background-color: #FFF;
    float: left;
    font-size: 12px;
    cursor: pointer;
}

.pag-btn.active, .pag-btn:hover {
    font-weight: bold;
    background-color: #E6E6E6;
}

.prd-img {
    width: 350px;
    height: 350px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    float: left;
    border: 1px solid #C3C3C3;
}

.prd-info {
    color: #000;
    width: calc(100% - 365px);
    margin-left: 15px;
    float: left;
}

.prd-title {
    width: 100%;
    font-size: 24px;
    margin-bottom: 10px;
}

.prd-grey {
    width: 100%;
    float: left;
    background-color: #F3F3F3;
    padding: 5px 0;
}

.prd-line {
    width: calc(100% - 20px);
    font-size: 16px;
    padding: 5px 10px;
}

.prd-label {
    display: inline;
    font-weight: bold;
    min-width: 125px;
    float: left;
}

.prd-detail {
    display: inline;
}

.prd-desc {
    margin-top: 10px;
    width: 100%;
    float: left;
    font-size: 14px;
}

.prods-rel {
    width: 100%;
    margin: 25px 0;
}

.rel-titulo {
    font-size: 20px;
    color: #000;
    float: left;
    line-height: 36px;
}

.rel-setas {
    float: right;
}

.rel-linha {
    width: 100%;
    height: 1px;
    background-color: #949494;
    margin: 7px 0;
}

.addthis_sharing_toolbox {
    margin-top: 30px;
}

.newsletter {
    /*background-color: #83AB4C;*/
    width: 100%;
    min-height: 53px;
    /*padding-top: 23px*/
}

@media (max-width: 992px) {
    .newsletter .inputregisto {
        width: 100%;
    }
}

.newsletter2 {
    background-color: #83AB4C;
    width: 100%;
    height: 1px
}

.t_news {
    font-size: 26px;
    color: #FFF
}

.titlefooter2 {
    float: left;
    font-size: 14px;
    color: #FFF;
    width: 211px;
    height: 28px;
    line-height: 20px
}

.inputregisto {
    width: 417px;
    height: 44px
}

.main_content {
    position: relative;
}

.recthe2{margin:0 auto;padding:0px;margin-top:30px;margin-bottom:60px;}

@media (max-width: 1200px) {
    .product-item {margin: 5px 55px; }
    .recthe{font-size:2vw;padding:30px;}
    .recthe2{font-size:1.5vw;padding-left:30px;padding-right:30px;margin-top:0px;margin-bottom:10px;}
    .footer-container .footer2 .bottom-footer2{width: 100%}

    .footer2 img{max-width: 90%}
    .footer-container .footer2 .bottom-footer2 {margin: 0;padding:12px 24px 20px 12px;}
}

@media (max-width: 992px) {


    .prd-img {
        width: 100%;
    }

    .prd-info {
        width: 100%;
        margin-left: 0;
        margin-top: 10px;
    }

    .product-item {
        margin: 5px 100px;
    }

}

@media (max-width: 768px) {
	.recthe{font-size: 3vw;padding:15px;}
    .recthe2{font-size: 2vw;padding-left:15px;padding-right:15px;margin-top:0px;margin-bottom:10px;}

    .products-container, .fams-right {
        width: 100%
    }

    .product-item {
        margin: 5px
    }

    .fix_container {
        /*margin: 20px*/
    }

    .inputregisto {
        width: 100%;
    }
}

.project-title {
    padding-top: 25px;
    color: #DE7008;
    font-size: 19px;
}

.tipo24 .titulo {
    font-size: 16px;
    margin: 30px 0
}

.tipo24 .block {
    margin: 30px 0 0 0
}

.tipo24 .texto {
    font-size: 14px;
}

.tipo24 .texto p {
    margin: 0
}

.tipo24 .texto a {
    color: #0079c2
}

.tipo24 .button .btn-read-more {
    background: url(btn-readmore.png) no-repeat;
    color: #fff;
    display: block;
    font-size: 16px;
    height: 37px;
    line-height: 37px;
    text-align: center;
    width: 144px;
}

.tipo24 .button .btn-read-more:hover {
    color: #FFF
}

@media (max-width: 480px) {
	.recthe{font-size: 16px;line-height: 20px}
    .recthe2{font-size: 12px;line-height: 16px}

    .tipo24 .texto {
        float: none !important;
        margin-bottom: 20px
    }

    .tipo24 .button {
        float: none !important;
        text-align: center;
    }

    .tipo24 .button .btn-read-more {
        display: inline-block
    }

    .tp-bullets.simplebullets.round .bullet {
        background: #FFF !important;
        opacity: 0.6;
        border-radius: 31px;
        width: 20px;
        height: 20px;
        margin-left: 10px;
        margin-bottom: -14px;
    }

    .tp-rightarrow.default {
        display: none
    }

    .tp-leftarrow.default {
        display: none
    }
}

/* NOVO SISTEMA DE HEADER MENUS*/
.site-menu-wrapper {
    /**
	display:block;
	/**
	position:absolute;
    top:-50px;
    left:50px;
    width:100px;
    height:100px;
    /**/
}

.mobile-menu-wrapper {
    display: none;
    padding: 0;
    background: #fff;
    border-bottom: 4px solid #FFFFFF;
}

.mobile-menu-wrapper .navbar {
    margin: 0;
    padding: 0;
}

.mobile-menu-wrapper .logo {
    float: left;
    margin: 10px 0;
    max-width: 120px
}

.mobile-menu-wrapper .logo img {
    width: 150px;
    max-width: 100%;
    max-height: 100%;
    top: 0
}

#mobile-menu {
    float: left;
    margin: 20px 0 0 0
}

#mobile-menu li {
    list-style-type: none;
    float: left
}

.button-right li {
    float: right !important
}

#mobile-menu li a {
    color: #2D343E;
    line-height: 30px;
    padding: 0 8px;
    display: block
}

#mobile-menu li a i {
    line-height: 30px;
    display: block;
    font-size: 20px
}

.menuHome a {
    font-size: 0 !important;
}

#resp-menu {
    text-align: left;
    padding: 0 15px;
    /*margin: 0 -15px;*/
    margin: 0px;
    clear: both;
    box-shadow: none;
    background-color: #FFFFFF;
}

#resp-menu > li,
#resp-menu ul.dropdown > li {
    list-style-type: none;
    font-size: 14px;
    line-height: 20px
}

#resp-menu ul.dropdown > li {
    font-size: 13px;
    margin-left: 15px
}

#resp-menu li.search-nav {
    display: none
}

#resp-menu ul.dropdown nav > ul li:before {
    opacity: 0.1
}

#resp-menu > li:first-child:before,
#resp-menu nav > ul li a:after {
    display: none
}

#resp-menu ul.dropdown {
    margin: 0;
    display: none
}

#resp-menu > li > a {
    padding: 10px 10px;
    display: block;
    position: relative;
    font-size: 15px
}

#resp-menu ul.dropdown > li > a {
    padding: 5px 0;
    display: block;
    position: relative;
    font-size: 12px
}

#resp-menu ul.dropdown > li > a:hover {
	color: #4465a2
}

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

#resp-menu i.carret {
    position: absolute;
    width: 40px;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    right: 0;
    top: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#resp-menu i.carret:after {
    font-family: FontAwesome, sans-serif;
    content: "\f105"
}


#resp-menu li > a > i.carret.rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#resp-menu ul.dropdown:not(.megamenu-category) {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px
}

#resp-menu > li > a,
#resp-menu ul.dropdown > li > a,
#resp-menu ul.megamenu-category .category-nav a {
    color: #FFF;
    background: transparent;
}

#resp-menu > li > a:hover,
#resp-menu > li.active > a,
#resp-menu ul.dropdown > li > a:hover,
#resp-menu ul.dropdown > li.active > a,
#resp-menu ul.megamenu-category .category-nav .current a,
#resp-menu ul.megamenu-category .category-nav a:hover {
    color: #4465a2;
    background: transparent;
}

#resp-menu ul.dropdown:not(.megamenu-category) h1,
#resp-menu ul.dropdown:not(.megamenu-category) h2,
#resp-menu ul.dropdown:not(.megamenu-category) h3,
#resp-menu ul.dropdown:not(.megamenu-category) h4,
#resp-menu ul.dropdown:not(.megamenu-category) h5,
#resp-menu ul.dropdown:not(.megamenu-category) h6 {
    color: #FFF;
    margin-top: 15px
}

#resp-menu ul.dropdown:not(.megamenu-category) h1 a,
#resp-menu ul.dropdown:not(.megamenu-category) h2 a,
#resp-menu ul.dropdown:not(.megamenu-category) h3 a,
#resp-menu ul.dropdown:not(.megamenu-category) h4 a,
#resp-menu ul.dropdown:not(.megamenu-category) h5 a,
#resp-menu ul.dropdown:not(.megamenu-category) h6 a {
    color: rgba(255, 255, 255, 0.7)
}

/*#resp-menu ul.dropdown:not(.megamenu-category) h1 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) h2 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) h3 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) h4 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) h5 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) h6 a:hover,
#resp-menu ul.dropdown:not(.megamenu-category) a:hover {
    color: #FFF
}*/

#resp-menu ul.dropdown .google-iframe-map {
    width: 100%;
    min-height: 185px
}

#resp-menu ul.dropdown .widget {
    margin-bottom: 30px
}

#resp-menu ul.megamenu-category > li {
    display: inline-block;
    width: 100%;
    padding: 0
}

#resp-menu ul.megamenu-category .category-nav ul {
    margin: 0 0 20px
}

#resp-menu ul.megamenu-category .category-content {
    background: #F9F9F9;
    padding: 30px 30px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    text-shadow: none
}

#resp-menu ul.megamenu-category .category-content > div {
    display: none
}

#resp-menu ul.megamenu-category .category-content > div.current {
    display: block
}

#resp-menu > li > a {
    text-transform: uppercase
}

#lang-menu {
    text-align: left;
    padding: 0 15px;
    /*margin: 0 -15px;*/
    margin: 0px;
    clear: both
}

#lang-menu > li,
#lang-menu ul.dropdown > li {
    list-style-type: none;
    font-size: 14px;
    line-height: 20px
}

#lang-menu ul.dropdown > li {
    font-size: 13px;
    margin-left: 15px
}

#lang-menu li.search-nav {
    display: none
}

#lang-menu ul.dropdown nav > ul li:before {
    opacity: 0.1
}

#lang-menu > li:first-child:before,
#lang-menu nav > ul li a:after {
    display: none
}

#lang-menu ul.dropdown {
    margin: 0;
    display: none
}

#lang-menu > li > a {
    padding: 10px 10px;
    display: block;
    position: relative;
    font-size: 15px;

}

#lang-menu ul.dropdown > li > a {
    padding: 10px 0;
    display: block;
    position: relative;
    font-size: 12px
}

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

#lang-menu i.carret {
    position: absolute;
    width: 40px;
    line-height: 25px;
    text-align: center;
    font-style: normal;
    font-size: 18px;
    right: 0;
    top: 0;
    -webkit-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out
}

#lang-menu i.carret:after {
    font-family: FontAwesome, sans-serif;
    content: "\f105"
}

#lang-menu li > a > i.carret.rotate {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

#lang-menu ul.dropdown:not(.megamenu-category) {
    color: rgba(255, 255, 255, 0.7);
    line-height: 20px
}

#lang-menu > li > a,
#lang-menu ul.dropdown > li > a,
#lang-menu ul.megamenu-category .category-nav a {
    color: #fff
}

#lang-menu > li > a:hover,
#lang-menu > li.active > a,
#lang-menu ul.dropdown > li > a:hover,
#lang-menu ul.dropdown > li.active > a,
#lang-menu ul.megamenu-category .category-nav .current a,
#lang-menu ul.megamenu-category .category-nav a:hover {
    color: #4465a2;;
    background: transparent;
}

#lang-menu ul.dropdown:not(.megamenu-category) h1,
#lang-menu ul.dropdown:not(.megamenu-category) h2,
#lang-menu ul.dropdown:not(.megamenu-category) h3,
#lang-menu ul.dropdown:not(.megamenu-category) h4,
#lang-menu ul.dropdown:not(.megamenu-category) h5,
#lang-menu ul.dropdown:not(.megamenu-category) h6 {
    color: #FFF;
    margin-top: 15px
}

#lang-menu ul.dropdown:not(.megamenu-category) h1 a,
#lang-menu ul.dropdown:not(.megamenu-category) h2 a,
#lang-menu ul.dropdown:not(.megamenu-category) h3 a,
#lang-menu ul.dropdown:not(.megamenu-category) h4 a,
#lang-menu ul.dropdown:not(.megamenu-category) h5 a,
#lang-menu ul.dropdown:not(.megamenu-category) h6 a {
    color: rgba(255, 255, 255, 0.7)
}

#lang-menu ul.dropdown:not(.megamenu-category) h1 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) h2 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) h3 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) h4 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) h5 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) h6 a:hover,
#lang-menu ul.dropdown:not(.megamenu-category) a:hover {
    color: #FFF
}

#lang-menu ul.dropdown .google-iframe-map {
    width: 100%;
    min-height: 185px
}

#lang-menu ul.dropdown .widget {
    margin-bottom: 30px
}

#lang-menu ul.megamenu-category > li {
    display: inline-block;
    width: 100%;
    padding: 0
}

#lang-menu ul.megamenu-category .category-nav ul {
    margin: 0 0 20px
}

#lang-menu ul.megamenu-category .category-content {
    background: #F9F9F9;
    padding: 30px 30px 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
    text-shadow: none
}

#lang-menu ul.megamenu-category .category-content > div {
    display: none
}

#lang-menu ul.megamenu-category .category-content > div.current {
    display: block
}

.homepage .carousel-wrap .project-title {
    color: #DE7008
}

.homepage .carousel-wrap .prev {
   /* background-color: #ab9f83;
    border: 1px solid #ab9f83;*/
}

.homepage .carousel-wrap .next {
    /*background-color: #ab9f83;
    border: 1px solid #ab9f83;*/
}

.main-content {
    width: 100%;
    height: 100%;
    background: #FFF
}

.button3 {
    background-color: transparent;
    border: 1px solid #9F9F9E;
    font-size: 19px;
    color: #999;
    line-height: 28px;
    padding: 5px 30px;
    transition:0.5s ease;
}

.logo_centrado {
    width: 501px;
    height: 192px;
    overflow: auto;
    margin: auto;
    position: absolute;
    text-align: center;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0
}

/* Large desktops and laptops */
@media (max-width: 991px) {
    .navbar-header {
        float: none;
    }

    .navbar-left, .navbar-right {
        float: none !important;
    }

    .navbar-toggle {
        display: block;
        margin-right: 0;
    }

    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1);
    }

    .navbar-fixed-top {
        top: 0;
        border-width: 0 0 1px;
    }

    .navbar-collapse.collapse {
        display: none !important;
    }

    .navbar-nav {
        float: none !important;
        margin-top: 7.5px;
    }

    .navbar-nav > li {
        float: none;
    }

    .navbar-nav > li > a {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .collapse.in {
        display: block !important;
    }
}

@media (min-width: 1200px) {

}

/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    /*.fw-langs{ display:none}
	.site-menu-wrapper{ display:none}
	.mobile-menu-wrapper{ display:block}*/
}

/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .fw-langs {
        display: none
    }

    .site-menu-wrapper {
        display: none
    }

    .mobile-menu-wrapper {
        display: block
    }
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    .mobile-menu-wrapper {
        display: block;
        position: fixed;
        width: 100%;
        height: 90px;
        z-index: 2;
    }
    .breadcrumbs {border-top:0px solid #FFFFFF;}
    .main_content {margin-top:0px}
    .fw-langs {
        display: none
    }

    .site-menu-wrapper {
        display: none
    }

    .mobile-menu-wrapper {
        display: block
    }

    .thumbnail {
        width: 100%;
        max-width: 100%
    }

    .socialnetworks {
        margin: 20px 0;
        text-align: center
    }

    .bred2 {
        display: inline-block;
        text-indent: 10px;
        color: #434342;
        padding-right: 5px;
        font-size: 26px;
        font-weight: 200;
        text-transform: uppercase;
        margin-bottom: 15px;
        margin-left: 20px
    }
}

/* Portrait phones and smaller */
@media (max-width: 480px) {
    .fw-langs {
        display: none
    }

    .site-menu-wrapper {
        display: none
    }

    .mobile-menu-wrapper {
        display: block
    }

    .logo_centrado {
        width: 301px
    }
}

.orcamento {
    position: absolute;
    top: 11px;
    right: 205px
}

.btn3 {
    display: inline-block;
    position: relative;
    cursor: pointer
}

#orcamento .btn-orcamento.close {
    border: none;
    top: -15px;
    right: -25px;
    left: auto;
    opacity: 1;
    background: url(fancybox_close_grey.png) no-repeat;
    box-shadow: none;
    width: 23px;
    height: 23px;
    padding: 0
}

#orcamento .btn-orcamento.close:hover {
    background: url(fancybox_close_grey.png) no-repeat
}

#orcamento input.btn {
    background: #f3f3f3;
    font-size: 17px;
    font-weight: bold;
    border: 1px solid transparent;
    color: #0a94d6;
    border-radius: 0;
}

#orcamento input.btn:hover {
    border: 1px solid #0a94d6;
}

.tab .form-control {
    background-color: #f3f3f3;
    color: #000000;
    height: 35px;
}

.tab .form-control::-webkit-input-placeholder {
    color: #000000;
}

.tab .form-control:-moz-placeholder {
    /* FF 4-18 */
    color: #000000;
}

.tab .form-control::-moz-placeholder {
    /* FF 19+ */
    color: #000000;
}

.tab .form-control:-ms-input-placeholder {
    /* IE 10+ */
    color: #000000;
}

/*.grayscale:hover{
	-webkit-filter: grayscale(0%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(0%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(0%);
	-o-transition: .5s ease-in-out;
	filter: grayscale(0%);
}

.grayscale {
	-webkit-filter: grayscale(100%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(100%);
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(100%);
	-o-transition: .5s ease-in-out;
	filter: grayscale(100%);
}*/

.grayscale {
    -webkit-filter: grayscale(0%);
    -webkit-transition: .5s ease-in-out;
    -moz-filter: grayscale(0%);
    -moz-transition: .5s ease-in-out;
    -o-filter: grayscale(0%);
    -o-transition: .5s ease-in-out;
    filter: grayscale(0%);
}

.grayscale:hover img{
    /**/
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    /**/
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -o-transition: .5s ease-in-out;
}

.grayscale:hover .project-title{
    font-weight: bold;
}

.portfolio .project-heading:hover .thumbnail img {
    filter: none;
    -webkit-filter: none;
}

.contactos input, .contactos select, .contactos textarea {

    border: 1px solid #f5f5f5;
    border-radius: 4px;
    color: #000000;
    box-shadow: none;
    font-size: 17px;
    height: 48px;
}

.contactos ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #000000;
}

.contactos ::-moz-placeholder { /* Firefox 19+ */
    color: #000000;
}

.contactos :-ms-input-placeholder { /* IE 10+ */
    color: #000000;
}

.contactos :-moz-placeholder { /* Firefox 18- */
    color: #000000;
}

.contactos .btn {
    background-color: #FF9108;
    border-color: #FF9108;
    color: #FFF;
    width: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 17px;
}

.contactos .btn:hover,
.contactos .btn:focus,
.contactos .btn:active,
.contactos .btn.active {
    background-color: #ee8400;
    border-color: #d47600;
    color: #FFF;
}

.contactos .btn.disabled:hover,
.contactos .btn.disabled:focus,
.contactos .btn.disabled:active,
.contactos .btn.disabled.active,
.contactos .btn[disabled]:hover,
.contactos .btn[disabled]:focus,
.contactos .btn[disabled]:active,
.contactos .btn[disabled].active,
fieldset[disabled] .contactos .btn:hover,
fieldset[disabled] .contactos .btn:focus,
fieldset[disabled] .contactos .btn:active,
fieldset[disabled] .contactos .btn.active {
    background-color: #FF9108;
    border-color: #FF9108;
    color: #FFF;
}

.moveup {
    margin-top: -180px;
    margin-bottom: 70px;
    background-color: #ffffff;
}

/*select option:first-child { color:red; }*/

.socfaceimg {
    position: absolute;
    clip: rect(0px, 60px, 200px, 0px);
}

.socinimg {
    position: absolute;
    clip: rect(0px, 60px, 200px, 0px);
}

.fbutton {
    background-color: #fdc326;
    background: #fdc326; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(180deg, #fdc326, #ffb300); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(180deg, #fdc326, #ffb300); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(180deg, #fdc326, #ffb300); /* For Firefox 3.6 to 15 */
    background: linear-gradient(180deg, #fdc326, #ffb300); /* Standard syntax (must be last) */
    border: none;
    color: #ffffff;
    cursor: pointer;
    border-radius: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 7px;
    padding-left: 7px;
    margin-bottom: 4px;
}

.fbutton:hover {
    background-color: #eeeeee;
    background: #eeeeee; /* For browsers that do not support gradients */
    /* background: -webkit-linear-gradient(180deg, #ffb300, #fdc326);
    background: -o-linear-gradient(180deg, #ffb300, #fdc326);
    background: -moz-linear-gradient(180deg, #ffb300, #fdc326);
    background: linear-gradient(180deg, #ffb300, #fdc326); */
    border: none;
    color: #0a94d6;
    cursor: pointer;
    border-radius: 9px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 7px;
    padding-left: 7px;
    margin-bottom: 4px;

}


.supline {

    border-top: 3px solid #fdc326;
    /*top:70px;
	margin-top:20px;
	margin-bottom: 50px;*/
}

.clipimg {
    position: absolute;
    clip: rect(0px, 60px, 200px, 0px);
}

.bvermas {
    text-decoration: none;
    color: #fdc326;
    width: 30px;
    height: 10px;
    border: 1px solid #fdc326;
    padding-left: 5px;
    padding-right: 5px;
    border-radius: 1px;
}

.bvermas:hover {
    background-color: #fdc326;
    color: #ffffff;
    border: 1px solid #ffffff;
}

.breadcrumb {
    background: transparent;    
    margin: 0
}

.breadcrumb span {
    

    font-size: 14px;
    font-weight: 300;
    display: inline-block;
    background: white;
    padding: 5px 10px;
    margin-left: 0;
    position: relative;
    z-index: 2;
    color: #969792 !important;
    text-transform: uppercase;

}

.breadcrumb > li + li:before {
    color: #00958D
}

.breadcrumb2 {
    border-bottom: 1px solid #9e9e9e;
    margin: 0 0 28px;
    border-radius: 0
}

.breadcrumb2 > li + li:before {
    color: #000000
}

.bred1 {
    color: #000000;
    font-size: 28px;
    margin: 0 0 -2px 0;
    border-bottom: 4px solid #febe08;
    padding-bottom: 10px;
}

.bred2 {
    color: #9e9e9e;
    font-size: 28px;
    margin: 0 0 -1px 0;
    font-weight: 300
}

.siguien {
    color: #9e9e9e !important;
    font-size: 9px;
}

/********** Menu lateral izquierdo **********/
.menulatizq {
    display: none;

}

.row-lg-15 {
    margin: 0 -15px;
}

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding: 0 15px;
}

.col-xs-15 {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-15 {
        width: 20%;
        float: left;
    }

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

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

@media (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }

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

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

@media (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}

/*.grid .project {
    padding: 4px;
    float: none;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}*/

body {
    font-family: 'Open Sans', sans-serif;
}

footer .footer-content {
    background-color: #191919;
    width: 100%;
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    padding: 22px 0;
}

#destaques {
    padding: 48px 0;
}
.footertop{padding: 44px}
#destaques h3 {
    font-size: 20px;
    font-family: "Open Sans", Regular;
    color: #FFFFFF;
    line-height: 1.35;
    text-align: left;
    font-weight: bold;
    padding-bottom: 17px;
}

#destaques .thumbnail {
    border: none;
    padding: 0;
    width: 100%;
    height: 258px;
    overflow: hidden;
}

#destaques .thumbnail img {
    max-width: 100% !important;
}

#destaques .text {
    font-size: 15px;
    color: rgb(0, 0, 0);
    line-height: 1.4;
    text-align: left;
}

.entry-content{
	color: white;
}

.entry-content > .entry-title{
	color: white;
}

.newswrapper > .entry-title{
	color: white;
	text-transform: uppercase;
}

.newsul{
margin: 0;
}
.date{
	font-size: 14px;
    color: #999999;
}
.newsli > a > h4 {
	 font-size: 14px;
     color: white !important;
}
.readmore{
	margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: bold 15px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #f66013;
    letter-spacing: normal;
}

.newsletter-small > p {
	font-size: 15px;
	color: #818181;
}

.newsletter-small > .entry-title{
	color: white;
}

.newsletter-small > p{
	margin:0px;
	color: white;
	margin-bottom: 40px;
}

.entry-content > .text{
	margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 15px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #e6e6e6;
    letter-spacing: normal
}

#membros .title.title-section {
    text-align: left;
}

.vcenter > .thumbnail{
   border: none;
}



.imagensdofooter{
	display: flex;
    margin-top: 20px;
    width: 100%;
}
.imagensdofooter > li {
	padding-right: 10px;
}



.homepage #membros h2 {
    background: #eef1f2;
}

#membros h2 {
    font-size: 14px;
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 51, 61);
    line-height: 1.5;
    text-align: left;
    display: inline-block;
    padding-right: 9px;
    background: #fff;
}

#membros h2:after {
    content: ' ';
    border-bottom: 1px solid #ccd6d8;
    width: 100%;
    display: block;
    position: absolute;
    top: 10px;
    z-index: -1;
}

#membros .thumbnail {
    border: none;
    padding: 0;
    background: transparent;
}

#membros .thumbnail img {
    max-width: 100% !important;
}

.partners {
    padding: 12px 4px;
    background: #FFF;
}

.partners .heading {
    font-family: "Open Sans", sans-serif;
    font-size: 10px;
    font-weight: bold;
    padding-bottom: 9px;
    color: #000;
}

.tp-caption-title {
    font-family: "Open Sans", sans-serif;
    font-size: 41px;
    color: #ff9108;
    line-height: 1.128;
    font-weight: bold;
    white-space: nowrap;
}

.tp-caption-subtitle {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    color: rgb(0, 51, 61);
    line-height: 1.153;
    font-weight: bold;
    white-space: nowrap;
}

.tp-caption-text {
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    color: rgb(0, 0, 0);
    line-height: 1.47;
    text-align: left;
    white-space: nowrap;
}

.entry-title {

    font: bold 19px/26px "Open Sans";
	text-transform: none;
	text-decoration: none;
	color: #FFFFFF;
	letter-spacing: normal;

}

body{
	font-size:17px;
}


.Tituloazul{
	color: #FFFFFF;
    font-size: 24px;
}

.Titulocinza{
	color: #b3b3b3;
    font-size: 21px;
    text-transform: uppercase;
}

.footer-content {
    background-color: #666666;
    width: 100%;
    font-size: 15px;
    color: rgb(255, 255, 255);
    line-height: 1.4;
    padding: 22px 0;
}

.page-title {
    font-size: 27px;
    font-family: "Open Sans", sans-serif;
    padding: 26px 0;
	text-transform: uppercase;
    margin-left:-19px;

}

.entry-content .text ul {
    list-style-type: none;
    margin: 0;
}

.entry-content .text ul > li {
    padding-bottom: 27px;
}

.entry-content .text ul > li:last-child {
    padding-bottom: 0;
}

.entry-content .text ul ul {
    margin-left: 30px;
}

.entry-content .text ul ul li:first-child {
    padding-top: 19px;
}

.entry-content .text ul ul ul li {
    padding: 0 !important;
}

.entry-content .text ul ul li {
    padding-bottom: 0;
}

.banner_sup {
    padding-bottom: 15px;
}

.top-navigation {
    padding: 0;
    margin: 0;
    position: absolute;
    right: 0px;
    top: 0;
    display: block;
}

.top-navigation a {
    color: #99ACB1;
    font-size: 20px;
}

.top-navigation a:hover {
    color:#FF9107;
}

.top-navigation > li {
    display: inline-block;
    padding: 0 5px;
}

.top-navigation > li:first-child {
    padding-left: 0;
}

.top-navigation > li:last-child {
    padding-right: 0;
}

.top-navigation > li > ul {
    display: block;
}

.top-navigation > li > ul > li {
    display: inline-block;
    /**/padding: 0 8px;

}

.top-navigation > li > ul > li {
    border-right: 1px solid #b4b4b4;

}

.top-navigation > li > ul > li:first-child {
    padding-left: 0;
    border-left: none;
}

.top-navigation > li > ul > li:last-child {
    padding-right: 8px;
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    padding: 10px 15px 0 15px;
    border: none;
}

.modal-body {
    padding: 25px 58px 58px;
}

#contato .close {
    font-size: 50px;
}

#contato .form-control {
    background: #f0f0f0;
    border: none;
    box-shadow: none;
}

#contato .modal-title-wp {
    margin-bottom: 63px;
}

#contato .btn {
    background: #FFFFFF;
    border-color: #FFFFFF;
    color: #FFF;
    width: 100%;
    font-family: Open Sans, sans-serif;
    font-size: 14px;
}

aside > .primeirio ,
 aside > .segundo {
    width: 97px;
    height: 86px;
    font-family: Open Sans, sans-serif;
    font-size: 12px;
    text-align: center;
    color: #FFF;
    border-radius: 14px 0 0 0;
    cursor: pointer;
    overflow: hidden;
    position: relative;
}
aside > .primeirio{background:#FFFFFF}
aside > .segundo{background:#333333;}
aside hr{display: none}
.btn {color: white;width: 100%;}
.sbordersup{position:absolute;top:-9%;right:0px;}
.sborderinf{
    position:absolute;
    top:92%;
    right: 0px;
}

.form-group .btn {

background:#FFFFFF;

}
.btn:hover{
	color: white;
	opacity:0.8
}

.contactos .btn:focus,
.contactos .btn,
.contactos .btn:hover{
	background-color: #FFFFFF;
    border-color: #FFFFFF;
}

.form-control{
	background-color:	#f0f0f0;
    border: none;
}

.close{
	font-size: 50px;
}

.textomodal{
	margin: 0px;
    line-height: 1.3;
    font: 11px/14px Open Sans;
}

aside {
    position: fixed;
    right: 0;
    top: 17%;
    z-index: 999;
}

aside > div img {
    margin: 6px 0 6px;
}

aside > div:last-child {
    border-radius: 0 0 0 14px;
}

#contato .modal-title {
    color: #000000;
    font-family: Open Sans, sans-serif;
    font-size: 24px;
    padding-left: 15px;
}

.modal-title {
    font-weight: bolder;
    font-size: 20px;
    padding-left: 10px;
}

#contato textarea {
    resize: none;
}

.ris3-buttons {
    margin: -12px -10px;
}

.ris3-buttons div[class^="col-"] {
    padding: 12px 10px;
}

.btn-siga {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #FFF;
    width: 100%;
}

.btn-siga:hover,
.btn-siga:focus,
.btn-siga:active,
.btn-siga.active {
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    color: #FFF;
}

.btn-siga.disabled:hover,
.btn-siga.disabled:focus,
.btn-siga.disabled:active,
.btn-siga.disabled.active,
.btn-siga[disabled]:hover,
.btn-siga[disabled]:focus,
.btn-siga[disabled]:active,
.btn-siga[disabled].active,
fieldset[disabled] .btn-siga:hover,
fieldset[disabled] .btn-siga:focus,
fieldset[disabled] .btn-siga:active,
fieldset[disabled] .btn-siga.active {
    background-color: #FF9108;
    border-color: #FF9108;
    color: #FFF;
}

ul {
    list-style: none;
}

.panel-heading .accordion-toggle:after {
    content: "-";
    float: right;
    color: #FFF;
    font-size: 30px;
    font-weight: bold;
    padding-right: 4px;
}

.panel-heading .accordion-toggle.collapsed:after {
    content: "+";
    padding: 0;
    color: #ff9108;
}

.panel {
    border: none;
    border-radius: 0;
    background: transparent;
}

.panel-default > .panel-heading {
    background-color: #f5f5f5;
    
}

.panel-default > .panel-heading a {
    color: #000;
    background-color: #f5f5f5;
    display: block;
    padding: 10px 15px;
}

.panel-default > .panel-heading a:not([class*="collapsed"]) {
    color: #FFF;
    background-color: #FF9108;
}

.panel-body {
    padding: 28px 12px;
    border: none !important;
    background: transparent;
}

.panel-body img {
    /*padding-bottom: 28px;*/
}

.documents .form-control {
    max-width: 300px;
    background: #f5f5f5;
    color: #000;
    box-shadow: none;
    border: 1px solid #f5f5f5;
    height: 47px;
    font-size: 17px;
}

.documents .documents-wp {
    padding: 20px 0 60px;
}

.documents .documents-wp .document {
    padding-bottom: 15px;
}

.documents .documents-wp .document a {
    color: #000;
    font-size: 17px;
}

.inovacao-produtos .form-control {
    max-width: 300px;
    background: #f5f5f5;
    color: #000;
    box-shadow: none;
    border: 1px solid #f5f5f5;
    height: 47px;
    font-size: 17px;
}

.inovacao-produtos .inovacao-produtos-wp {
    padding: 20px 0 60px;
}

.inovacao-produtos .inovacao-produtos-wp .inovacao-prod .img-thumbnail {
    width: 100%;
    height: 200px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 0;
}

.inovacao-produtos .inovacao-produtos-wp .inovacao-prod .title {
    color: #FF9107;
    font-size: 19px;
    font-family: Open Sans, sans-serif;
    line-height: 21px;
    padding: 15px 0 50px;
}

.wp-form-login, .wp-form-recuperate {
    padding-bottom: 100px;
}

.wp-form-login > [class*='col-']:before,
.wp-form-login > [class*='col-']:after {
    background: #e6e6e6;
    bottom: 0;
    content: " ";
    position: absolute;
    width: 1px;
    top: 0;
}


.butaoconstrucao,
.butaodecoracao{
width: 65%;
text-align: center;
background-color: #FFFFFF;
border-radius: 10px;
padding: 10px;
color: white;
font-size: 17px;
font-weight: 900;
text-transform: uppercase;
}
.butaoconstrucao:hover,
.butaodecoracao:hover{
	color:white;
	opacity:0.8;
}

.wp-form-login > [class*='col-']:before {
    left: 0;
}

.wp-form-login > [class*='col-']:after {
    right: -1px;
}

.wp-form-login > [class*='col-']:first-child:before,
.wp-form-login > [class*='col-']:last-child:after {
    display: none;
}

.wp-form-login h2,.wp-form-recuperate h2 {
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    color: #FFFFFF;
    margin: 0 0 26px;
    line-height: 21px;
}

.link-recuperate,
.link-recuperate:hover{
	color: #FFFFFF;
}

.wp-form-login .form-control, .wp-form-recuperate .form-control {
    font-size: 17px;
    color: #000000;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    padding: 12px;
    height: 47px;
}

.wp-form-login .form-control::-webkit-input-placeholder, .wp-form-recuperate .form-control::-webkit-input-placeholder {
    color: #000000;
}

.wp-form-login .form-control::-moz-placeholder, .wp-form-recuperate .form-control::-moz-placeholder {
    color: #000000;
}

.wp-form-login .form-control:-ms-input-placeholder, .wp-form-recuperate .form-control:-ms-input-placeholder {
    color: #000000;
}

.wp-form-login .form-control:-moz-placeholder, .wp-form-recuperate .form-control:-moz-placeholder {
    color: #000000;
}

@media (max-width: 991px) {
    .wp-form-login > [class*='col-']:before,
    .wp-form-login > [class*='col-']:after {
        display: none;
    }

    .wp-form-login > [class*='col-'] {
        padding-bottom: 25px;
    }

    .wp-form-login > [class*='col-']:last-child {
        padding-top: 25px;
    }
}

.wp-private-area{
    padding-bottom: 100px;
}

.wp-private-area h2{
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    color: #FF9107;
    margin: 0 0 26px;
    line-height: 21px;
}

.wp-private-area .btn-siga{
    background: #B3C2C5;
    border:1px solid #B3C2C5;
}
.wp-private-area .btn-siga:hover{
    background: #FF9108;
    border:1px solid #FF9108;
}
.wp-private-area .logout-btn{
    font-size: 14px;
}
.wp-private-area .logout-btn img{
    padding-right: 8px;
    position: relative;
    top:-3px;
}

.wp-form-register{
    padding-bottom: 100px;
}

.wp-form-register h2{
    font-family: Open Sans, sans-serif;
    font-size: 21px;
    color: #FF9107;
    margin: 0 0 26px;
    line-height: 21px;
}
.wp-form-register .control-label{
    text-align: left;
    font-weight: normal;
    font-size: 17px;
}
.wp-form-register .form-control {
    font-size: 17px;
    color: #000000;
    background: #f5f5f5;
    border: 1px solid #f5f5f5;
    box-shadow: none;
    padding: 12px;
    height: 47px;
}

.thumbnail{
    border:none !important;
    /*height: 150px !important;*/
}
.col-sm-15 .thumbnail img{
    max-height: 58px;/**/
}
/*
.col-sm-15 .thumbnail:nth-child(4) img{
     max-height: 70px !important;
}

.col-sm-4 .thumbnail img{
   height: 240px;
    width: 100%;
    max-height: 240px;
}*/

.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group{
    background-color: #FFFFFF;
}

.xpto, .mencol1, .mencol2{
    cursor:pointer;
}

.catalogo-menu{

    transform:translateY(-36px);
}

.inputregisto2{
    border: 1px solid #d4d4d4;
    border-radius: 2px;
    height: 33px;
    width: 100% !important;
}
/*.button3{
    background-color: #FFFFFF;
color: #ffffff;
border-radius: 4px;
border: none;
width:100%;
}*/
#captcha{

height: 57px;

}

.form-registo2{
    max-width: 800px !important;
}
/*.active{color:#FFFFFF}*/

.prod-img{background-color: #f5f5f5}
.linha{border-top:1px #ccc;}



.nano tr:nth-child(even) {background: #ffffff}
.nano tr:nth-child(odd) {background: #f5f5f5}


/* dummy image styles */
.dummy {
  box-sizing: border-box;
  display: inline-block;
  position: relative;
}
.dummy:before {
  content: '';
  position: absolute;
  background: lightgray;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.dummy:after {
  content: attr(width) " x " attr(height);
  white-space: pre;
  color: gray;
  text-align: center;
  display: block;
  position: absolute;
  width: 100%;
  top: calc(50% - .5em);
  font-size: 100%;
}
.dummy.alt:after {
  content: attr(alt);
}
.dummy.double.alt:after {
  content: attr(alt) "\A" attr(data-second);
  white-space: pre;
  top: calc(40% - 1em);
}
.carousel .client{
max-width:170px !important;

}
.carousel .client img{
    /*width:165px !important;*/

}

.caroufredsel_wrapper .clients{
    overflow-x:hidden;
}
.contactos-form .btn{
    text-transform: uppercase;
}
.lookglass{
margin-bottom: -4px;

}
.blocoprods img{
    margin-top:10px;
}

@media (max-width: 500px) {
    .nano-content table{
        display:none;
    }
}




.button{padding:10px;color:#fff;font-size:12px;background:transparent;border:none;}
.bottom-footer2 a span{
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 15px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

/* footer .newsletter form .floatleft2 input[type="image"]{float:left;margin-top:0;} */
.fc-toolbar h2{color:#ff9108}
.fc td, .fc th {
        border-style: solid;
        border-width: 1px;
        vertical-align: top;
        font-size: 11px;
        padding: 1px !important;
}

.orcamento{
    width: 47px;
    float: right;
    padding: 0px;
    padding-right: 0px;
    padding-left: 0px;
    position: relative;
    line-height: 23px;
}
.orcamento a{
    line-height: 23px
}

.r::after{border-right: 0px solid #E6E6E6;content: " | ";color:#E6E6E6;padding: 6px;margin-bottom: 5px;line-height: 32px;}
.footer3{background-color: #BEBDBE;padding-top: 0px;padding-bottom: 5px}

#botao-pesquisa{cursor: pointer}

.laranja{color:#e6b012}

.portfolio-projects article{border: 1px solid #ccc;}
.noticias_home_bloco h2{padding-top: 20px;padding-bottom: 20px;}

.filtro-noticia{color: #ccc; font-weight: bold; border-bottom: solid 2px #ccc; padding: 5px 0; letter-spacing: 1px; text-transform: uppercase;}
.filtro-noticia.active{color: #e6b012; border-bottom: solid 2px #e6b012;}

/* ## dropdown ## */
.dropbtn {
    background-color: #f9f9f9;
    color: #b3b3b3;
    padding: 16px;
    font-size: 12px;
    border: none;
    cursor: pointer;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 136px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #f1f1f1}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #ccc;
}

.filtro-ano {
    float: right;
}
/*.pesquisa_menu {width: 50px;}*/
.pesquisa_menu img {padding-left: 10px;}
#areas_competencia .project-action{display: none}
#areas_competencia .text:hover{color:#e6b012}

.bottom-footer2 a span:hover {    color: #fff;}

.footer3 .container .col-sm-6{padding:0}


.footer-container .footer2 .row {position:relative;display:block}
.footer-container .footer2 .footer-block { padding:0px;display:inline-block;vertical-align:top;padding-top:48px;padding-bottom:48px;max-width:375px}
.footer-container .footer2 .footer-block:nth-child(2) {margin-left:200px}
.footer-container .footer2 .newsletter_fot {float:right}
.footer-container .footer2 .newsletter_fot h5{color:#FFFFFF;font-size:14px;font-weight:300;margin-bottom:2px}
.footer-container .footer2 .newsletter_fot ul{margin-top:0}
.footer-container .footer2 .newsletter_fot span{margin-right:0}
.footer-container .footer2 .newsletter_fot span{font:15px/20px Open Sans}
.footer-container .footer2 h4 {margin:0; padding:0; text-indent:0; text-align:left; font:19px/19px Poppins; text-transform:none; text-decoration:none; color:#000; letter-spacing:normal; margin-bottom:10px; font-weight:500; }

/* IE only **/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .orange h2 span{font: 43px/52px Poppins}
}

@media (max-width:848px) {
    #home_banner .redbox
    {
        /*float: left;*/
        position: absolute;
        /*width: 201px;
        height: 158px;*/
        /*top: 106px;*/
        bottom: 20px;
        right: 57px;
        /*z-index: 13;*/
        min-height: 135px;
        clear: left;
        padding:13px 16px;
        background-color: rgba(125, 38, 43, 0.9);
        text-align: right;
        margin:5px;
    }
    #home_banner .title{
        font: 26px/31px Poppins;
        color: #fff;
    }
    #home_banner .text{
        font: 300 8px/13px Poppins;
        color: #fff;
    }
    #home_banner .button{
        float: right;
        position: relative;
        width: 102px;
        margin-top: 14px;
        /*margin-left: -204px;*/
        z-index: 16;
        min-height: 26px;
        text-align: center;
        padding-top: 7px;
        border: 1px solid #FFF;
        /*background-color: rgba(125, 38, 43, 0.9);*/
    }
    #home_banner .buttontxt{
        text-align: left;
		font: bold 15px/21px Open Sans;
		text-transform: none;
		text-decoration: none;
		color: #FFFFFF;
		letter-spacing: normal;
    }
}

@media (min-width:848px) {
    #home_banner .redbox
    {
        position: absolute;
        /*width: 401px;
        height: 318px;*/
        /*top: 106px;*/
        bottom: 40px;
        right: 57px;
        min-height: 135px;
        clear: left;
        padding:26px 32px;
        background-color: rgba(125, 38, 43, 0.9);
        text-align: right;
        margin:10px;
    }
    #home_banner .title{
        font: 50px/60px Poppins;
        color: #fff;
    }
    #home_banner .text{
        font: 300 17px/27px Poppins;
        color: #fff;
    }
    #home_banner .button{
        float: right;
        position: relative;
        width: 202px;
        margin-top: 28px;
        /*margin-left: -204px;*/
        z-index: 16;
        min-height: 52px;
        text-align: center;
        padding-top: 10px;
        border: 2px solid #FFF;
        /*background-color: rgba(125, 38, 43, 0.9);*/
    }
    .buttontxt{
        text-align: left;
		font: bold 15px/21px Open Sans;
		text-transform: none;
		text-decoration: none;
		color: #FFFFFF;
		letter-spacing: normal;
    }
}




.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}
@media (min-width: 768px) {
.col-sm-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}
@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}
.title-section h2{
font: 32px/35px Poppins;
text-transform: none;
text-decoration: none;
color: #404040;
letter-spacing: normal;
}

#areas_competencia .entry-title{
font: 500 20px/23px Poppins;
text-transform: none;
text-decoration: none;
color: #404040;
letter-spacing: normal;}

#areas_competencia .text{
text-align: center;
font: 14px/18px Open Sans;
text-transform: none;
text-decoration: none;
color: #797979;
letter-spacing: normal;
}

.title-section h2::after {
    content: '';
    height: 2px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 16px;
    width: 60px;
    background: #e6b012;
}

/*.destaques_noticias_bloco{background-color: #ececec}*/
#home_assistencia h2 {
    padding: 0px;
}
#home_assistencia h2 .title{
    text-align: center;
    font: 32px/35px Poppins;
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

#home_assistencia h2 .title::after {
    content: '';
    height: 2px;
    display: block;
    margin: 0 auto;
        margin-top: 0px;
    margin-top: 16px;
    width: 60px;
    background: #e6b012;
}

#home_assistencia .sub-title{
    text-align: center;
    font: 20px/27px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #e6b012;
    letter-spacing: normal;
}


#home_assistencia .text{
    text-align: center;
    font: 16px/20px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #d9d9d9;
    letter-spacing: normal;
}



#destaques_noticias .text{

    font: 15px/21px Open Sans;
	text-transform: none;
	text-decoration: none;
	color: #000;
	letter-spacing: normal;
    line-height: 1.7;
}

.botao_prod:hover{
     background-color:#e6b012; height: 197px;width: 100%
}
.botao_prod_txt div{
     color:#404040;
     font: 500 23px/26px Poppins;
     max-width: 300px
}
.botao_prod:hover > .botao_prod_txt div{
     color:#fff
}
.botao_prod{
     background-color:#ececec; height: 197px;width: 100%
}
.botao_prod_img{
    float:left;border-right: solid 10px #fff;height: 197px; border-top-right-radius: 50% 100%;border-bottom-right-radius: 50% 100%;width: 40%
}
.botao_prod_txt{
    height: 197px; float: right
}

.botao_prd_a{}

.top-menu-social {
    padding-left:10px;
}

.btn-center{
    text-align: center;
    margin-top: 10px;
}

.btn-vermais{
    border: 1px solid #7f7f7f;
    color: #7f7f7f;
    background: #ffffff;
    display:inline-block;
    padding: 12px 40px;
    margin: 0 auto;
    transition:0.5s ease;
    cursor:pointer;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.btn-vermais:hover{
    border: 1px solid #f7f7f7;
    color: #ffffff;
    background: #7f7f7f;
}


.title-project{
    text-align: center;
    padding: 15px 0px  3px 0px;
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase;
}
.text-project{
    text-align: center;
    padding: 10px 0px;
    min-height: 111px;

}


.gold-subline{
    max-width: 40px;
    border-top: 2px solid #c59a14;
    margin-top:5px;
}


.equip-title{
    color:#c59a14;
    font-size: 25px;
    margin:40px 0px;
}

.equip-texto{
    margin-bottom: 60px;
    line-height: 1.4;
}


.equip-title-b{
    color:#c59a14;
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
}

.equip-texto-b{

    line-height: 1.4;
}

.equip-row{
    margin-bottom: 80px;
}

.casos-title{
    font-size: 25px;
    margin:0px 0px;
}

.casos-texto{
    margin-bottom: 30px;
    line-height: 1.4;
}

.row-caso-estudo{
    margin-bottom: 60px;
}

.caso-estudo-title{
    font-size: 25px;
    margin-bottom:40px;
}

.caso-estudo-title-b{
    font-size: 20px;
    margin-bottom:20px;
    color:#c59a14;
    text-transform: uppercase;
    font-weight: bold;
}

.caso-estudo-texto{
    line-height: 1.4;
}

.titulo_d {
    padding-top:30px;
    padding-bottom:20px;
    text-align: left;
    font: 21px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color:#BEBDBE;
    letter-spacing: normal;
    text-transform: uppercase;
    background-color: #f2f2f2;
    display: inline;
}
.titulo_d hr {
    width: 500px;
    border-bottom: solid 2px #f00033;
    display: block;
    margin-top: -14px;
}
.sub_titulo_d {
    padding-bottom:20px;
    font: 22px/29px Open Sans;
    text-transform: none;
    text-decoration: none;
    color:#FFFFFF;
    letter-spacing: normal;
}
.images_d
{
    width: 100%;
}
/**/
.images_d img
{
    width: 50%;
}

.galleryorg .title, .galleryorg .atext{
    display:none;
}

.galleryorg .maintitle h2{
    font-size: 20px;
    color:#FFFFFF;
}



/*
:nth-child(-n+3)
*/
/**
.galleryorg .thumbnail:nth-child(-n+3)::before{
     content: "DIREÇÃO \A";
     white-space: pre;
}
/**/

li.active > a {
    color:
    #fff !important;
}
#main-menu li.active > a {
    color:
    #FFFFFF !important;
}

.breadcrumbs .container {
    /*background:#f3f3f3;*/
    margin-bottom:25px;
}

.destaques-data{
    font: 14px/20px Open Sans;
    text-transform: none;
    text-decoration: none;
    color:#b3b3b3;
    letter-spacing: normal;
}
.destaques-texto{
    font: 15px/20px Open Sans;
    text-transform: none;
    text-decoration: none;
    color:#fff;
    letter-spacing: normal;
}
#ler-mais{padding: 0;}
.buttontxt{
    text-align: left;
    font: bold 15px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color:#FFFFFF !important;
    letter-spacing: normal;
}








.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    background-color:#FFFFFF;
}
.input-group-btn:last-child > .btn, .input-group-btn:last-child > .btn-group {
    z-index: 2;
    margin-left: -1px;
    background-color: #FFFFFF;
}
.input-group-btn > .btn {
    position: relative;
}
.btn {
    color:white;
    width: 100%;
}
.btn {
    display: inline-block;
    padding: 8px 20px;
    /*padding: 12px 20px;*/
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.form-control {
    display: block;
    width: 100%;
    height: 53px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: rgba(0,0,0,0.8);;
    background-color: #dddddd;
    background-image: none;
    /*border: 1px solid #4c4c4c;*/
    border-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.glyphicon-send::before {
    content: "\e171";
}
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    color:white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

/******** Overlay ********/
.anoverlayext{ position:relative; }
.anoverlay{ position:absolute; width: 100%;height: 100%; display: none; align-items: center;}
.anoverlayext:hover .anoverlay{ background: rgba(65,155,28,0.8);display: flex;}

.farounded{width: 70px; height: 70px; border:5px solid #ffffff;border-radius: 35px;margin:0 auto;color: #ffffff;padding: 11px;}
.farounded .fas{color:#ffffff;}
/******** Overlay ********/
.divider-10{
    height: 10px;
}

.divider-50{
    height: 50px;
}
.divider-80{
    height: 80px;
    clear: both;
}

.divider-100{
    height: 100px;
}


.bottomimgcontent{
    position:absolute;
    bottom: 0px;
    z-index: 99;
    width: 100%;
    text-align: center;
}


#servicos1 .title{
    margin-top:60px;
    margin-bottom:20px;
}

#servicos1 .title-section h2{
    display: inline-block;
    background: #ffffff;
    padding-left: 30px;
    padding-right: 30px;
}

#servicos1 .title-section h2::after {
        background: #7f7f7f;
        position: absolute;
        width: 100%;
        left: 10px;
        bottom: 28px;
        z-index: -1;
        max-width: 1320px;
}

#servicos1 .text{
    text-align: center;
    padding: 27px 5px 1px 5px;
    background: #f7f7f7;
    margin-top:10px;
    font-size: 20px;
}

.content-title-form{
    position: relative;
    margin-bottom: 15px;
    margin-top: 10px;
}

.title-form{
    font-weight: bold;
    background: #ffffff;
    z-index: 9;
    display: inline-block;
    position: absolute;
    float: left;
    bottom: 0px;
    padding-right: 10px;
}


.content-title-form .aline{

    position: absolute;
    width: 90%;
    right: 0px;
    border-bottom: 2px solid #7f7f7f;
    z-index: 1;
    bottom: 10px;
    float: right;
    right: 5px;

}
.ps-form-text{
    font-size: 14px;
    line-height: 20px;
}



/**
#candidatura-anuncio .accordion-heading{
    background: #f7f7f7;
    padding:20px;
    margin-top: 10px;
}

#candidatura-anuncio .accordion-content{
    margin-top: 10px;
    margin-bottom: 30px;
    padding:20px;
}


#candidatura-anuncio atag{
    font-weight: normal;
    font: 14px/16px Open Sans;
}

#candidatura-anuncio .accordion-heading{
    position:relative;
}


.btn-candidatarse{
    background-color: #FFFFFF;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    display:inline-block;
    cursor:pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid #FFFFFF;
}

.btn-candidatarse:hover{
    background-color: #FFFFFF;
    color: #ffffff;
    border-radius: 4px;
    border: none;

}


.btn-candidatarseh{
    background-color: #FFFFFF;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    display:inline-block;
    cursor:pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid #FFFFFF;
    width: 110px;
    text-align: center;
}




.btn-candidatarseh:hover{
    background-color: #FFFFFF;
    color: #ffffff;
    border-radius: 4px;
    border: none;

}


.btn-candidatarseh-c{
    background-color: #f7f7f7;
    color: #ffffff;
    border-radius: 4px;
    border: none;
    display:inline-block;
    cursor:pointer;
    padding: 10px 20px;
    text-transform: uppercase;
    border:1px solid #7f7f7f;
    color:#7f7f7f;
     width: 110px;
    text-align: center;
}




.btn-candidatarseh-c:hover{
    background-color: #FFFFFF;
    color: #ffffff;
    border-radius: 4px;
    border: none;

}/**/

.modal-open .modal {
    overflow: hidden;
}

@media all and (orientation: landscape) {
    .modal-open .modal {
    overflow: auto;
}

}


.portugal2020-footer{
    background:#ffffff;padding:10px 15px;text-align:right;
}

@media screen and (max-width: 1200px) {
    .portugal2020-footer{
    background:#ffffff;padding:10px 15px;text-align:center;
}
}


.newsrightside{
    padding-left: 40px;
}

@media screen and (max-width: 576px) {
 .newsrightside{
    padding-left: initial;
}
}


.newsletter_fot ul li span{
    line-height: 1.4 !important;
    display: block;
    color: #e8e8e8;
}


.newsletter_fot ul li form{
    margin-top:15px;

}

.newsletter_fot ul li form input{
    background: #4c4c4c;

}



.newsletter_fot ul li form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #e8e8e8;
  opacity: 1; /* Firefox */
}

.newsletter_fot ul li form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #e8e8e8;
}

.newsletter_fot ul li form input::-ms-input-placeholder { /* Microsoft Edge */
  color: #e8e8e8;
}

.fa-calendar-alt:after{
    content : 'x';
}

.main_content .pull-right li::before {
    content: "\f068";
    font-family: FontAwesome;
    display: inline-block;
    margin-left: -2em;
    width: 1.5em;
    color:#000;
    font-size: 10px;
}
.main_content .pull-right li{
    padding-left: 1.3em;
    padding-bottom: 15px;
}

.search-collapse{
	background-color: #3cb871;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 30px;
	padding-bottom: 30px;
	padding-left: 15px;
	padding-right: 15px;
}
#search_mobile{
	width: 90% !important
}


button:focus {
    outline: 0px;
}

.fw-related-pages li a:hover {
    color:#FFFFFF;

}









.horizontalTab{padding: 30px;}







/*@media (min-width: 1200px) {
    .new-bottom-footer{
        width: 50%;
        float: left;
        margin: 0;
        padding: 12px 24px 20px 0px;
        text-indent: 0;
        text-align: left;
        font: 15px/21px Open Sans;
        text-transform: none;
        text-decoration: none;
        color: #fff;
        letter-spacing: normal;
        border: 0;
        background: transparent;
        display: block;
        background: transparent;
        outline: 0;
        padding-top: 23px !important;

        position: relative;
        min-height: 1px;

        -webkit-box-flex: 0;

        box-sizing: border-box;

        position: relative;
        min-height: 1px;

        flex: 0 0 50%;
        max-width: 50%;
    }
}*/


    .new-bottom-footer{
        /*width: 50%;*/
        float: left;
        margin: 0;
        padding: 12px 24px 20px 20px;
        text-indent: 0;
        text-align: left;
        font: 15px/21px Open Sans;
        text-transform: none;
        text-decoration: none;
        color: #fff;
        letter-spacing: normal;
        border: 0;
        background: transparent;
        display: block;
        background: transparent;
        outline: 0;
        padding-top: 23px !important;
        position: relative;
        min-height: 1px;
        -webkit-box-flex: 0;
        box-sizing: border-box;
        position: relative;
        min-height: 1px;

        flex: 0 0 50%;
        /*max-width: 50%;*/
    }

 .new-bottom-footer-right{
    float:right;
 }

 .new-bottom-footer-right a{
    margin: 0px 10px;
 }

.new-bottom-footer a {
    line-height: 24px;
}


.new-bottom-footer a span {
    margin: 0;
    padding: 0;
    text-indent: 0;
    text-align: left;
    font: 15px/21px Open Sans;
    text-transform: none;
    text-decoration: none;
    color: #fff;
    letter-spacing: normal;
}

.animated-icon1 span {background: #FFFFFF !important; }

.btn-solution {
    display:table;
    margin:15px 0 0;
    vertical-align:middle;
    padding:15px;
    text-align:center;
    color:#FFFFFF;
    border:2px solid #FFFFFF;
    border-radius:14px;
    background-color:transparent;
    transition:all 0.3s ease-in-out;
    min-height:55px;
    line-height:17px !important;
    font-size:13px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none;   /* Chrome/Safari/Opera */
    -khtml-user-select: none;    /* Konqueror */
    -moz-user-select: none;      /* Firefox */
    -ms-user-select: none;       /* Internet Explorer/Edge */
    user-select: none;
    cursor: pointer;
}
.btn-solution:hover {
    background-color:#FFFFFF;
    border-color:#FFFFFF;
}
.btn-solution {
    margin: 5px auto;
}
@media (max-width: 992px) {
    .portfolio_text div{font-size:12px !important;line-height: 13px !important; padding: 2px !important}
    .portfolio_text div .btn-solution{padding: 5px !important;min-height:15px}

    .footer-container .container {
        padding-bottom: 40px;
        padding-top: 10px;
    }
    .new-bottom-footer{
        max-width: 100%;
        width: 100%;
        text-align: center;
        padding-top: 23px !important;
        float: none;
        margin: 0 auto;
    }
}


@media (max-width: 720px) {
    .new-bottom-footer{
        width: 100%;
        text-align: center;
        padding-top: 13px !important;
    }
}

/*@media (min-width: 480px) {
    .new-bottom-footer{
        width: 100%;
        text-align: center;
        padding-top: 23px !important;

    }
}*/
.bottom-footer2{

    padding:10px 5px  !important;
}

.bottom-footer2 .nobullet{
    margin:0 5px;
 }
#acc_13 .accordion-heading{
    margin: 10px auto;
    border: 1px solid #dddddd;
}
.plus-box{
    border-right: 1px solid #dddddd;
    padding: 20px 16px 20px 20px;
    display: table-cell;
    vertical-align: middle;
}
.plus-box .fa-plus, .plus-box .fa-minus{
    margin-right:5px;
    margin-top:5px;
    font-size:10px;
}
.accordion-title{
    text-align: center;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}
.accordion-text{
    color:#000000;
    padding: 20px;
    line-height: 1.5;
    text-align: center;
}

.redes_sociais{
    text-align: right;
    transform: translateY(10px);
}

.pull-right {
    line-height: 1.7;
}

.accordionbox{
    background:#FFFFFF;
    color:#ffffff;
}




.btn {
    background-color: #cb0c00;
    border: 1px solid #cb0c00;
}
.btn {
    text-shadow: none;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    position: relative;
    padding: 10px 20px;
    font-size: 13px;
    line-height: 1;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    border-radius: 2px;
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    -webkit-transition: color linear .1s,background-color linear .1s;
    transition: color linear .1s,background-color linear .1s;
}

.btn.btn-icon-prev::before {

    font-family: FontAwesome;
    content: "\f104";

}
.btn.btn-icon-next::before {
    font-family: FontAwesome;
    content: "\f105";
}
.btn[class*="btn-icon-"]::before {

    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 18px;

}





.tabs .tab {
    float: left;
    max-width: 310px;
    padding-left: 5px;
    cursor: pointer;
    border: solid 1px #ccc;
    text-align: center;
    padding-right: 5px;
    padding-top: 10px;
    margin-right: 5px;
}
.tabs .active .titulo-edit {
    color: #ffa200 !important;
}
.tabs .tab .titulo-edit {
    text-align: left;
    color: #1e1e1e;
    font-size: 15px;
    font-weight: 700;
    margin-bottom: 10px;
    text-transform: uppercase;
}
.tabs-content {
    margin-top: 10px;
    border: solid 1px #ccc;
    padding: 10px;
    background-color: #fff;
}


.fw-related-pages li a
{
    margin-left: 10px;
}

.filtros_wrapper a:hover{color: #999}


.slidercontent {  background:transparent !important;}





/*-----CARRINHO-----*/

#listProdsCart .cart-visual{
    background: #fff;
    border: 2px solid #d12a1f;
    padding: 10px 0 !important;
}


#searchbox{
    color: #000;
    padding: 13px;
    background: #f2f2f2;
    /* width: calc(100% + 20px);
    margin-left: -10px; */
}

#searchbox > div{
    padding: 10px 0;
}

#searchbox > h3{
    padding: 5px;
    margin: 0;
    font-weight: 900;
}

#searchbox input{
    width: 100%;
}

#searchbox label, #searchbox h3{
    /*color: #969792  !important;*/
    color: #000  !important;
}

#search_block_button{
    background: #000;
    color: #fff;
    text-align: center;
}

.filtros_wrapper #categorias-menu{
    padding: 10px;
}

.filtros_wrapper h3{
    padding: 20px 10px !important;
}

.filtros_wrapper #categorias-menu section{
    border-bottom: solid 1px #d84940;
    padding: 10px 0 !important;
}

.filtros_wrapper #categorias-menu section article:hover{
    background: transparent;
}

.filtros_wrapper #categorias-menu section a{
    text-decoration: none;
    font-size: 13px;
    display: inline-block;
    width: initial;
}


/*[data-content] > article > [data-content] > article:hover{
    background: #EF4035 !important;
}*/

/*.filtros_wrapper #categorias-menu section article:hover a{
    color: #000 !important;
    font-weight: bold !important;
}*/

.product_button_selected{
    background: #cb0c00 !important;
    color: #fff !important;
    border: 1px solid #cb0c00;
}