@import url(../fonts/gillsans/stylesheet.css);
@import url(../icons.css);
.callout:after,
.countdown:after,
.isotope:after,
.logos-list:after,
.process-steps:after,
.tab-content:after,
.testimonials-slider.style-3:after,
.text-boxes-list:after {
    clear: both;
    visibility: hidden
}



@media (max-width:768px) {


    body {
        font: 13px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
        font: 13px/15px gill_sans_stdregular, Helvetica, Arial, sans-serif;
        background-color: #FFF;
        color: #000000;
    }
}

@media (min-width:768px) {

     body {
        font: 13px/26px "Helvetica Neue", Helvetica, Arial, sans-serif;
        font: 14px/26px gill_sans_stdregular, Helvetica, Arial, sans-serif;
        background-color: #FFF;
        color: #000000;
    }
}


h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #212121;
    font-weight: 700
}

h1 {
    margin-bottom: 14px;
    font-size: 48px;
    line-height: 62px
}

h2 {
    margin-bottom: 12px;
    font-size: 30px;
    line-height: 44px
}

h3 {
    margin-bottom: 10px;
    font-size: 24px;
    line-height: 38px
}

h4 {
    margin-bottom: 8px;
    font-size: 18px;
    line-height: 32px
}

h5 {
    margin-bottom: 6px;
    font-size: 16px;
    line-height: 28px
}

h6 {
    margin-bottom: 4px;
    font-size: 14px;
    line-height: 24px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover {
    color: #C5964B;
    text-decoration: none
}

h1 small,
h2 small,
h3 small,
h4 small,
h5 small,
h6 small {
    color: inherit;
    font-size: 85%;
    font-weight: inherit
}

p {
    margin-bottom: 25px
}

a {
    color: #C5964B
}

img {
    max-width: 100%
}

address {
    line-height: inherit
}

label {
    font-weight: 400
}

textarea {
    resize: none
}

input[class^=col-],
select[class^=col-],
textarea[class^=col-] {
    padding: 10px 20px
}

input[type=text]:focus,
input[type=color]:focus,
input[type=email]:focus,
input[type=image]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=password]:focus,
input[type=url]:focus,
input[type=tel]:focus,
input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=week]:focus,
input[type=month]:focus,
textarea:focus {
    border-color: #C5964B;
    box-shadow: none;
    outline: 0
}

select:focus {
    outline: 0
}

.checkbox input[type=checkbox],
.checkbox-inline input[type=checkbox],
.radio input[type=radio],
.radio-inline input[type=radio] {
    margin-top: -11px
}

.checkbox input[type=checkbox]:focus,
.checkbox-inline input[type=checkbox]:focus,
.radio input[type=radio]:focus,
.radio-inline input[type=radio]:focus {
    outline: 0
}

button,
input[type=reset],
input[type=submit],
input[type=button] {
    background-color: #c8964b;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.btn,
.logos-list li {
    -webkit-transition: all .3s
}

button:hover,
input[type=reset]:hover,
input[type=submit]:hover,
input[type=button]:hover {
    background-color: #212121
}

button,
input[type=reset]:focus,
input[type=submit]:focus,
input[type=button]:focus {
    box-shadow: none;
    outline: 0
}

::-moz-placeholder {
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
    font-style: italic
}

::-webkit-input-placeholder {
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
    font-style: italic
}

:-ms-input-placeholder {
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
    font-style: italic
}

.text-mute {
    color: #c7c7c7
}

.text-default-color {
    color: #C5964B
}

.text-black-highlight,
.text-default-highlight {
    display: inline-block;
    padding: 10px 15px;
    margin: 10px 0;
    color: #fff
}

.text-default-highlight {
    background-color: #C5964B
}

.text-black-highlight {
    background-color: #212121
}

.text-light {
    font-weight: 300
}

.text-ultrabold {
    font-weight: 900
}

.dropcap {
    float: left;
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
    margin-right: 10px
}

.last,
.no-margin-bottom {
    margin-bottom: 0!important
}

.margin-top-negative {
    margin-top: -100px
}

@media (max-width:767px) {
    h1 {
        font-size: 42px;
        line-height: 56px
    }
    .last {
        margin-bottom: 20px!important
    }
    .margin-top-negative {
        margin-top: 0
    }
}

.goldborder {
    padding: 0!important;
    height: 250px;
    border-radius: 3px
}

.goldborder table td {
    padding: 0 15px
}

.goldborder .headline {
    margin: 0
}

.goldborder .headline h2 {
    border-radius: 3px;
    padding: 0 0 0 15px;
    height: 50px;
    line-height: 50px;
    background: #fbf4ee;
    background: -moz-linear-gradient(left, #fbf4ee 0, #fff 100%);
    background: -webkit-linear-gradient(left, #fbf4ee 0, #fff 100%);
    background: linear-gradient(to right, #fbf4ee 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbf4ee', endColorstr='#ffffff', GradientType=1)
}

.goldbordersm {
    padding: 0!important;
    height: 150px;
    border-radius: 3px
}

.goldbordersm table td {
    padding: 0 15px
}

.goldbordersm .headline {
    margin: 0
}

.goldbordersm .headline h2 {
    border-radius: 3px;
    padding: 0 0 0 15px;
    height: 50px;
    line-height: 50px;
    background: #fbf4ee;
    background: -moz-linear-gradient(left, #fbf4ee 0, #fff 100%);
    background: -webkit-linear-gradient(left, #fbf4ee 0, #fff 100%);
    background: linear-gradient(to right, #fbf4ee 0, #fff 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#fbf4ee', endColorstr='#ffffff', GradientType=1)
}

.goldborder .goldbordersm .headline:after {
    display: none
}

.headline:after {
    display: block;
    width: 60px;
    border-bottom: 0 solid #838383;
    margin-top: 15px;
    content: ""
}

.headline.text-center:after {
    margin: 15px auto 0
}

.check-list li:before,
.leaf-list li:before {
    top: 1px;
    margin-right: 20px;
    position: relative
}

.headline.text-right:after {
    float: right
}

.headline p {
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.headline h1,
.headline h2,
.headline h3,
.headline h4 {
    margin-bottom: 0;
    font-weight: 700;
    letter-spacing: 1px;
    text-transform: uppercase
}

.headline span {
    color: #C5964B;
    font-weight: 300
}

.headline span black {
    color: #000;
    font-weight: 300
}

.alert {
    padding: 15px 30px;
    border: none;
    border-radius: 0;
    color: #fff;
    text-align: center
}

.header-top-style-2.header-style-6 #header-top .widget-social .social-media,
h1.error {
    text-align: right
}

.alert.alert-info {
    background-color: #838383
}

.alert.alert-danger {
    background-color: #f30d39
}

.alert.alert-success {
    background-color: #5967d7
}

.alert.alert-warning {
    background-color: #fae71b;
    color: #363636
}

h1.error {
    color: #C5964B;
    font-size: 100px;
    line-height: 92px;
    font-weight: 400
}

.check-list,
.leaf-list {
    font-size: 16px;
    list-style: none
}

ol,
ul {
    padding: 0;
    margin-bottom: 25px;
    list-style-position: inside
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 20px
}

dl {
    margin-bottom: 25px
}

.check-list {
    color: #212121
}

.check-list li {
    margin-bottom: 7px
}

.check-list li:last-child {
    margin-bottom: 0
}

.check-list li:before {
    color: #C5964B;
    font-family: materia-icons;
    content: "\ea54"
}

.leaf-list li:before,
.owl-next:before,
.owl-prev:before,
.sf-arrows .sf-with-ul:after {
    font-family: FontAwesome
}

.leaf-list {
    color: #212121
}

.leaf-list li {
    margin-bottom: 7px
}

.leaf-list li:last-child {
    margin-bottom: 0
}

.leaf-list li:before {
    color: #C5964B;
    content: "\f06c"
}

.bullet-list {
    list-style: none
}

.bullet-list li {
    margin-bottom: 7px
}

.bullet-list li:last-child {
    margin-bottom: 0
}

.bullet-list li:before {
    position: relative;
    top: -2px;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 15px;
    background-color: #C5964B;
    content: ""
}

.logos-list {
    margin-bottom: 20px;
    list-style: none
}

.logos-list li {
    float: left;
    width: 20%;
    height: 45px;
    padding: 0 20px;
    text-align: center;
    background: top center no-repeat;
    transition: all .3s
}

.btn-default:after,
.btn-white:after {
    background-color: #C5964B
}

.logos-list li:hover {
    background-position: bottom center
}

.logos-list:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (max-width:767px) {
    .logos-list li {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .logos-list li:last-child {
        margin-bottom: 0
    }
}

.btn {
    position: relative;
    z-index: 1;
    overflow: hidden;
    padding: 12px 35px;
    border: none;
    margin-right: 10px;
    margin-bottom: 20px;
    font-size: 16px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    transition: all .3s
}

.btn:after,
.text-box-2 h4 {
    -webkit-transition: all .3s
}

.btn:last-child {
    margin-right: 0
}

.btn:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 5px;
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    transition: all .3s
}

.btn:active,
.btn:focus {
    outline: 0!important;
    box-shadow: none
}

.btn:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.btn-xs {
    padding: 10px 25px;
    font-size: 12px;
    text-transform: uppercase
}

.btn-lg {
    padding: 14px 50px;
    font-size: 14px;
    text-transform: uppercase
}

.btn i {
    display: inline-block;
    font-size: 150%;
    line-height: 1px;
    vertical-align: middle;
    -webkit-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    transform: translateX(-100%)
}

.btn-lg i {
    -webkit-transform: translateX(-150%);
    -ms-transform: translateX(-150%);
    transform: translateX(-150%)
}

.btn-xs i {
    -webkit-transform: translateX(-80%);
    -ms-transform: translateX(-80%);
    transform: translateX(-80%)
}

.text-box,
.widget-tags a {
    -webkit-transform: translateZ(0)
}

.btn-default,
.btn-default:active,
.btn-default:active:focus,
.btn-default:focus,
.btn-default:hover {
    background-color: #C5964B;
    color: #fff
}

.btn-white {
    border: 1px solid #C5964B;
    color: #C5964B
}

.btn-white:hover {
    background-color: #C5964B!important;
    color: #fff!important
}

.hr {
    border-top: 1px solid #ebebeb;
    margin: 30px 0
}

.hr.default-color {
    border-top-color: #C5964B
}

.hr.black {
    border-top-color: #212121
}

.text-box {
    position: relative;
    z-index: 1;
    padding: 50px 40px;
    margin-bottom: 50px;
    background: center center no-repeat #f8f8f8;
    -webkit-background-size: cover;
    background-size: cover;
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.text-box-overlay {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000609;
    opacity: .8
}

.text-box.rounded {
    border-radius: 5px
}

.text-box.bordered {
    border: 1px solid #ebebeb;
    background-color: transparent
}

.text-box .text-box-title {
    margin-bottom: 20px
}

.text-box .text-box-title p {
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 3px;
    text-transform: uppercase
}

.text-box .text-box-title h2 {
    margin-bottom: 0;
    letter-spacing: 2px
}

.text-box.default-color {
    background-color: #C5964B;
    color: #fff
}

.text-box.black,
.text-box.default-color .btn-white:after {
    background-color: #212121
}

.text-box.black {
    color: #fff
}

.text-box.black a,
.text-box.black h1,
.text-box.black h2,
.text-box.black h3,
.text-box.black h4,
.text-box.black h5,
.text-box.black h6,
.text-box.default-color a,
.text-box.default-color h1,
.text-box.default-color h2,
.text-box.default-color h3,
.text-box.default-color h4,
.text-box.default-color h5,
.text-box.default-color h6 {
    color: inherit
}

.text-box .headline {
    margin-bottom: 15px
}

.text-box.black .btn-white,
.text-box.default-color .btn-white {
    border-color: #fff;
    color: #fff
}

.text-box.default-color .btn-white:hover {
    border-color: #212121;
    background-color: #212121
}

.text-box.black .btn-white:after {
    background-color: #C5964B
}

.text-box.black .btn-white:hover {
    border-color: #C5964B;
    background-color: #C5964B
}

.text-box>:last-child {
    margin-bottom: 0
}

.text-box-2 {
    padding: 0 25px 30px;
    margin-bottom: 50px;
    background-color: #f2f7f9;
    color: #838383;
    text-align: center;
    -webkit-transition: background-color .3s, color .3s;
    transition: background-color .3s, color .3s
}

.text-box-2 h4 {
    margin: 0 -25px 40px;
    padding: 10px 0;
    background-color: #212121;
    color: #fff;
    transition: all .3s
}

.text-box-2 h4 a {
    display: block;
    color: #fff
}

.text-box-2>a {
    display: inline-block;
    border-bottom: 1px solid #C5964B;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.text-box-2>a:hover {
    border-color: #fff;
    color: #fff
}

.text-box-2:hover {
    background-color: #212121;
    color: #fff
}

.text-box-2:hover h4 {
    background-color: #C5964B
}

.text-box-2:hover h4:hover {
    background-color: #d7d7d7
}

.text-boxes-list {
    margin: 50px 0 100px;
    list-style: none
}

.nav-tabs>li,
.nav-tabs>li:last-child,
.nav-tabsm>li,
.nav-tabsm>li:last-child,
.vertical-tabs .horizontal-tabs .nav-tabs1>li:last-child {
    margin-right: 0
}

.text-boxes-list>li {
    float: left;
    width: 33.33333%
}

.text-boxes-list.col-3>li {
    width: 33.33333%
}

.text-boxes-list.col-4>li {
    width: 25%
}

.text-boxes-list>li .text-box {
    padding: 20% 15%;
    margin-bottom: 0
}

.text-boxes-list:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (min-width:768px) and (max-width:991px) {
    .text-boxes-list.col-3>li,
    .text-boxes-list.col-4>li,
    .text-boxes-list>li {
        float: none;
        width: 100%
    }
}

@media (max-width:767px) {
    .text-box,
    .text-boxes-list>li .text-box {
        padding: 50px 20px
    }
    .text-boxes-list.col-3>li,
    .text-boxes-list.col-4>li,
    .text-boxes-list>li {
        float: none;
        width: 100%
    }
}

.image-box.style-1 {
    margin-bottom: 50px
}

.image-box.style-1 .image-box-thumbnail {
    position: relative;
    margin-bottom: 35px
}

.image-box.style-1 .image-box-thumbnail a.zoom {
    position: absolute;
    bottom: -18px;
    right: 40px;
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #C5964B;
    color: #fff;
    font-size: 20px;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.image-box.style-2 .image-box-content,
.image-box.style-2>h4 {
    bottom: 0;
    right: 0;
    -webkit-transition: all .3s;
    position: absolute
}

.image-box.style-1 .image-box-thumbnail a.zoom:hover {
    background-color: #212121
}

.image-box.style-1 h5 {
    margin-bottom: 35px;
    text-transform: uppercase
}

.image-box.style-1 .btn {
    margin-top: 5px
}

.image-box.style-2 {
    position: relative;
    overflow: hidden;
    margin-bottom: 50px
}

.image-box.style-2 .image-box-thumbnail img {
    display: block;
    width: 100%
}

.callout li,
.callout.col-8 li {
    width: 12.5%
}

.image-box.style-2>h4 {
    left: 0;
    padding: 15px 30px;
    margin-bottom: 0;
    background-color: #f2f7f9;
    cursor: pointer;
    transition: all .3s
}

.image-box.style-2 .image-box-content {
    top: 0;
    left: 0;
    overflow-y: scroll;
    padding: 25px;
    background-color: rgba(89, 103, 214, .9);
    color: #fff;
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%);
    transition: all .3s
}

.image-box.style-2 .image-box-content.slideup {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.image-box.style-2 .image-box-content>.close-image-box-content {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: auto;
    left: auto;
    color: #fff;
    text-decoration: none
}

.image-box.style-2 .image-box-content h4 {
    margin-bottom: 10px;
    color: #fff;
    font-weight: 700
}

.image-box.style-2:hover>h4 {
    background-color: #C5964B;
    color: #fff
}

.image-box.style-2:hover>h4:hover {
    background-color: #212121
}

.callout {
    margin-bottom: 50px;
    list-style: none
}

.callout li {
    position: relative;
    float: left
}

.callout li h4,
.callout li h4 a,
.callout li:after {
    position: absolute;
    right: 0;
    left: 0
}

.callout.col-6 li {
    width: 16.666667%
}

.callout.col-4 li {
    width: 25%
}

.callout li:after {
    top: 0;
    bottom: 0;
    background-color: #C5964B;
    opacity: 0;
    content: "";
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .3s;
    transition: all .3s
}

.panel,
.panel-heading {
    background-color: transparent
}

.callout li h4 {
    z-index: 2;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    text-transform: uppercase
}

.callout li h4 a {
    top: 50%;
    color: #212121;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .2s .1s;
    transition: all .2s .1s
}

.callout li img+h4 a {
    color: #fff;
    opacity: 0;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.callout li:hover {
    cursor: pointer
}

.callout li:hover:after {
    opacity: .9;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.callout li:hover img+h4 a,
.panel-title a:before {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.callout li:hover h4 a {
    color: #fff
}

.callout li:hover img+h4 a {
    opacity: 1;
    transform: translateY(-50%);
    -webkit-transition: all .2s 0s;
    transition: all .2s 0s
}

.callout:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (min-width:768px) and (max-width:991px) {
    .callout li,
    .callout.col-8 li {
        width: 25%
    }
    .callout.col-6 li {
        width: 33.333333%
    }
}

@media (max-width:767px) {
    .callout li,
    .callout.col-4 li,
    .callout.col-6 li,
    .callout.col-8 li {
        float: none;
        width: 100%
    }
}

@media (min-width:480px) and (max-width:767px) {
    .callout li,
    .callout.col-4 li,
    .callout.col-6 li,
    .callout.col-8 li {
        float: left;
        width: 50%
    }
}

.panel {
    box-shadow: none
}

.panel-heading {
    padding: 0;
    border: none;
    border-radius: 0
}

.panel-title a,
.panel-title a:focus {
    position: relative;
    display: block;
    height: 65px;
    padding: 18px 45px 18px 20px;
    margin-bottom: 10px;
    background-color: #f8f8f8;
    color: #222;
    font-weight: 400;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nav-tabs>li,
.nav-tabsm>li,
.panel-body>:last-child,
.tab-content .pie-chart-container {
    margin-bottom: 0
}

.panel-title a img {
    position: absolute;
    top: 0;
    left: 0
}

.panel-title a i {
    position: absolute;
    top: 0;
    left: 0;
    width: 65px;
    height: 65px;
    line-height: 65px;
    background-color: #838383;
    color: #fff;
    font-size: 32px;
    text-align: center
}

.panel-title a i+span,
.panel-title a img+span {
    padding-left: 65px
}

.panel-title a:before {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "+";
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

.pie-chart-percent,
.step-details h5 {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.panel-title a[aria-expanded=true]:before {
    content: "-"
}

.panel-group .panel+.panel {
    margin-top: 0
}

.panel-group .panel-heading+.panel-collapse>.list-group,
.panel-group .panel-heading+.panel-collapse>.panel-body {
    padding: 20px 25px 30px;
    border: none
}

@media (max-width:767px) {
    .panel-title a,
    .panel-title a:focus {
        height: auto;
        padding-left: 20px
    }
    .panel-title a i,
    .panel-title a img {
        display: none
    }
    .panel-title a i+span,
    .panel-title a img+span {
        padding-left: 0
    }
}

.nav-tabs {
    border-bottom: none
}

.nav-tabs>li>a {
    padding: 10px;
    border: none;
    border-radius: 0;
    background-color: #f8f8f8;
    color: #212121;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nav-tabs>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.nav-tabs>li>a:hover {
    border: none;
    background-color: #fbf4ee;
    border-bottom: 2px solid #C5964B;
    color: #000
}

.nav-tabsm {
    border-bottom: none
}

.nav-tabsm>li>a {
    padding: 1px 2px;
    border: none;
    border-radius: 0;
    background-color: #f8f8f8;
    color: #212121;
    -webkit-transition: all .3s;
    transition: all .3s
}

.nav-tabsm>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.nav-tabsm>li.active>a,
.nav-tabsm>li.active>a:focus,
.nav-tabsm>li.active>a:hover,
.nav-tabsm>li>a:hover {
    border: none;
    background-color: #fff;
    border-bottom: 2px solid #C5964B;
    color: #000
}

.vertical-tabs .horizontal-tabs .nav-tabs1 {
    border-bottom: none
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li>a {
    padding: 12px 35px;
    border: none;
    border-radius: 0;
    background-color: #f8f8f8;
    color: #212121;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li>a:focus {
    border-color: transparent;
    background-color: transparent
}

.vertical-tabs.style-1 .nav-tabs>li:first-child>a,
.vertical-tabs.style-2 .nav-tabs>li:first-child>a {
    border-top: none
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li.active>a,
.vertical-tabs .horizontal-tabs .nav-tabs1>li.active>a:focus,
.vertical-tabs .horizontal-tabs .nav-tabs1>li.active>a:hover,
.vertical-tabs .horizontal-tabs .nav-tabs1>li>a:hover {
    border: none;
    background-color: #fff;
    border-bottom: 2px solid #C5964B;
    color: #000
}

.vertical-tabs .horizontal-tabs .nav:after,
.vertical-tabs .horizontal-tabs .nav:before {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: none;
    clear: both;
    height: 0
}

.vertical-tabs.style-1 .horizontal-tabs .tab-content {
    margin-left: 0;
    padding-left: 0;
    padding-top: 75px
}

.tab-content {
    margin: 0
}

.tab-content .headline {
    margin-bottom: 50px
}

.tab-content .tab-pane>:last-child {
    margin-bottom: 5px
}

.tab-content:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.vertical-tabs {
    margin-bottom: 50px
}

.vertical-tabs .nav-tabs {
    float: left
}

.vertical-tabs .nav-tabs li {
    float: none;
    margin-left: 0
}

.vertical-tabs.style-1 .nav-tabs {
    width: 240px;
    border-right: 1px solid #ebebeb
}

.vertical-tabs.style-1 .nav-tabs>li>a {
    padding: 20px 10px;
    border-bottom: 1px solid #ebebeb;
    margin-right: 0;
    background-color: transparent;
    color: #838383;
    font-weight: 700;
    text-transform: uppercase
}

.vertical-tabs.style-1 .nav-tabs>li:last-child>a {
    border-bottom: none
}

.vertical-tabs.style-1 .nav-tabs>li>a i {
    position: relative;
    top: -4px;
    float: left;
    margin-right: 15px;
    font-size: 18px;
    -webkit-transition: all .3s;
    transition: all .3s;
    line-height: 30px
}

.vertical-tabs.style-1 .nav-tabs>li.active>a,
.vertical-tabs.style-1 .nav-tabs>li>a:hover {
    color: #212121
}

.vertical-tabs.style-1 .nav-tabs>li.active>a i,
.vertical-tabs.style-1 .nav-tabs>li>a:hover i {
    color: #C5964B
}

.vertical-tabs.style-1 .tab-content {
    margin-left: 230px;
    padding-left: 100px
}

.vertical-tabs.style-2 .nav-tabs {
    width: 370px
}

.vertical-tabs.style-2 .nav-tabs>li>a {
    padding: 15px 20px;
    margin-right: 0;
    margin-bottom: 5px;
    background-color: #f8f8f8;
    color: #212121;
    font-weight: 700;
    text-transform: uppercase
}

.vertical-tabs.style-2.rounded .nav-tabs>li>a {
    border-radius: 5px
}

.vertical-tabs.style-2 .nav-tabs>li:last-child>a {
    margin-bottom: 0
}

.vertical-tabs.style-2 .nav-tabs>li>a i {
    position: relative;
    top: -4px;
    float: left;
    margin-right: 20px;
    font-size: 28px
}

.vertical-tabs.style-2 .nav-tabs>li.active>a,
.vertical-tabs.style-2 .nav-tabs>li>a:hover {
    background-color: #C5964B;
    color: #fff
}

.vertical-tabs.style-2 .tab-content {
    padding-left: 30px;
    margin-top: 0;
    margin-left: 370px
}

@media (min-width:768px) and (max-width:991px) {
    .vertical-tabs.style-1 .nav-tabs,
    .vertical-tabs.style-2 .nav-tabs {
        width: 270px
    }
    .vertical-tabs.style-1 .tab-content {
        margin-left: 300px;
        padding-left: 0
    }
    .vertical-tabs.style-2 .tab-content {
        margin-left: 290px;
        padding-left: 0
    }
}

@media (max-width:767px) {
    .vertical-tabs.style-1 .tab-content,
    .vertical-tabs.style-2 .tab-content {
        margin-left: 0;
        padding-left: 0
    }
    .nav-tabs>li {
        float: none;
        margin-right: 0;
        margin-bottom: 1px
    }
    .nav-tabs>li:last-child {
        margin-bottom: 0
    }
    .vertical-tabs.style-1 .nav-tabs {
        width: 100%;
        border: 1px solid #ebebeb;
        margin-bottom: 30px
    }
    .vertical-tabs.style-2 .nav-tabs {
        float: none;
        width: 100%
    }
}

.map {
    height: 300px;
    margin: 50px 0
}

.map img {
    max-width: none
}

#logo,
#logo a,
.pie-chart canvas {
    max-width: 100%
}

@media (max-width:767px) {
    .map {
        height: 400px!important
    }
}

.social-media {
    margin-bottom: 20px
}

.social-media a {
    display: inline-block;
    margin-right: 20px;
    font-size: 18px;
    line-height: 32px;
    color: #c7c7c7;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.social-media.rounded {
    margin-top: -5px
}

.social-media.rounded a {
    width: 25px;
    height: 25px;
    border: 1px solid #c7c7c7;
    border-radius: 50%;
    margin: 5px 15px 5px 0;
    font-size: 12px;
    line-height: 23px;
    text-align: center
}

.progress-bar-title,
.progress-bar-value {
    line-height: 12px;
    font-size: 12px;
    letter-spacing: 1px
}

.social-media a:last-child {
    margin-right: 0
}

.social-media a.facebook:hover {
    color: #0e59a0!important
}

.social-media a.twitter:hover {
    color: #0ea4ff!important
}

.social-media a.dribbble:hover {
    color: #ea73a0!important
}

.social-media a.pinterest:hover {
    color: #d73532!important
}

.social-media a.google:hover {
    color: #da4835!important
}

.social-media a.tumblr:hover {
    color: #2a445f!important
}

.social-media a.instagram:hover {
    color: #82685a!important
}

.social-media a.rss:hover {
    color: #f79638!important
}

.social-media a.linkedin:hover {
    color: #018faf!important
}

.social-media a.skype:hover {
    color: #00b0f6!important
}

.social-media a.flickr:hover {
    color: #0061db!important
}

.social-media a.vimeo:hover {
    color: #4cb2d9!important
}

.social-media a.github:hover {
    color: #3b3b3b!important
}

.social-media a.youtube:hover {
    color: #cc181e!important
}

.social-media a.windows:hover {
    color: #6dc2e9!important
}

.social-media a.dropbox:hover {
    color: #007ee5!important
}

.social-media a.xing:hover {
    color: #026566!important
}

.social-media a.adn:hover {
    color: #1ea076!important
}

.social-media a.android:hover {
    color: #98cb02!important
}

.social-media a.apple:hover {
    color: #a6b1b7!important
}

.social-media a.behance:hover {
    color: #2d9ad2!important
}

.social-media a.bitbucket:hover {
    color: #214f81!important
}

.social-media a.bitcoin:hover {
    color: #f7931b!important
}

.social-media a.codepan:hover {
    color: #000!important
}

.social-media a.css3:hover {
    color: #3289ce!important
}

.social-media a.delicious:hover {
    color: #3399fe!important
}

.social-media a.deviantart:hover {
    color: #c8da30!important
}

.social-media a.digg:hover {
    color: #0080c2!important
}

.social-media a.drupal:hover {
    color: #0077b9!important
}

.social-media a.empire:hover {
    color: #000!important
}

.social-media a.foursquare:hover {
    color: #daecb0!important
}

.social-media a.git:hover {
    color: #f34f29!important
}

.social-media a.gitti:hover {
    color: #634c3e!important
}

.social-media a.hacker-news:hover {
    color: #f18642!important
}

.social-media a.html5:hover {
    color: #e54c1f!important
}

.social-media a.joomla:hover {
    color: #016fb9!important
}

.social-media a.jsfiddle:hover {
    color: #4679a4!important
}

.social-media a.linux:hover {
    color: #fece0e!important
}

.social-media a.maxcdn:hover {
    color: #f36f20!important
}

.social-media a.openid:hover {
    color: #fe6101!important
}

.social-media a.pagelines:hover {
    color: #3783e3!important
}

.social-media a.pied-piper:hover {
    color: #0c7b48!important
}

.social-media a.qq:hover {
    color: #23286c!important
}

.social-media a.rebel:hover {
    color: #000!important
}

.social-media a.renren:hover {
    color: #0d81e4!important
}

.social-media a.share:hover {
    color: #252525!important
}

.social-media a.slack:hover {
    color: #453744!important
}

.social-media a.soundcloud:hover {
    color: #fe4e00!important
}

.social-media a.spotify:hover {
    color: #80bb41!important
}

.social-media a.stack-exchange:hover {
    color: #265a93!important
}

.social-media a.stackoverflow:hover {
    color: #fea501!important
}

.social-media a.steam:hover {
    color: #191919!important
}

.social-media a.stumbleupon:hover {
    color: #f04f23!important
}

.social-media a.tencent-weibo:hover {
    color: #0063a7!important
}

.social-media a.trello:hover {
    color: #226784!important
}

.social-media a.vine:hover {
    color: #00b081!important
}

.social-media a.vk:hover {
    color: #50769d!important
}

.social-media a.wechat:hover {
    color: #a4dc31!important
}

.social-media a.weibo:hover {
    color: #d82828!important
}

.social-media a.wordpress:hover {
    color: #454442!important
}

.social-media a.yahoo:hover {
    color: #4b04a8!important
}

.social-media a.ftpx:hover {
    color: #000!important
}

.social-media a.amazon:hover {
    color: #f90!important
}

.social-media a.angellist:hover {
    color: #000!important
}

.social-media a.btc:hover {
    color: #f7931b!important
}

.social-media a.black-tie:hover {
    color: #000!important
}

.social-media a.bluetooth:hover {
    color: #0a3d91!important
}

.social-media a.buysellads:hover {
    color: #ba0202!important
}

.social-media a.cc-amex:hover {
    color: #016dd2!important
}

.social-media a.cc-diners-club:hover {
    color: #0069aa!important
}

.social-media a.cc-discover:hover {
    color: #f88737!important
}

.social-media a.cc-jcb:hover {
    color: #29166f!important
}

.social-media a.cc-mastercard:hover {
    color: #fe9611!important
}

.social-media a.paypal:hover {
    color: #012069!important
}

.social-media a.cc-stripe:hover {
    color: #49b802!important
}

.social-media a.cc-visa:hover {
    color: #1b4da2!important
}

.social-media a.chrome:hover {
    color: #edcd16!important
}

.social-media a.codepen:hover {
    color: #1b1c1b!important
}

.social-media a.codiepie:hover {
    color: #000!important
}

.social-media a.connectdevelop:hover {
    color: #023cb0!important
}

.social-media a.contao:hover {
    color: #e4790f!important
}

.social-media a.dashcube:hover {
    color: #000!important
}

.social-media a.edge:hover {
    color: #2c74be!important
}

.social-media a.expeditedssl:hover {
    color: #2e2e2e!important
}

.social-media a.firefox:hover {
    color: #df731b!important
}

.social-media a.fonticons:hover {
    color: #1d1e2a!important
}

.social-media a.fort-awesome:hover {
    color: #000!important
}

.social-media a.forumbee:hover {
    color: #85ac2f!important
}

.social-media a.get-pocket:hover {
    color: #e84352!important
}

.social-media a.gg:hover {
    color: #fd0002!important
}

.social-media a.gratipay:hover {
    color: #653614!important
}

.social-media a.houzz:hover {
    color: #9bc545!important
}

.social-media a.internet-explorer:hover {
    color: #00bcf2!important
}

.social-media a.ioxhost:hover {
    color: #f6a814!important
}

.social-media a.lastfm:hover {
    color: #e2152b!important
}

.social-media a.leanpub:hover {
    color: #231f20!important
}

.social-media a.meanpath:hover {
    color: #538dd6!important
}

.social-media a.medium:hover {
    color: #00ab6c!important
}

.social-media a.mixcloud:hover {
    color: #040204!important
}

.social-media a.modx:hover {
    color: #8ed547!important
}

.social-media a.odnoklassniki:hover {
    color: #f68634!important
}

.social-media a.opencart:hover {
    color: #00c1f2!important
}

.social-media a.opera:hover {
    color: #e81617!important
}

.social-media a.optin-monster:hover {
    color: #8ed31e!important
}

.social-media a.product-hunt:hover {
    color: #d6573d!important
}

.social-media a.reddit:hover {
    color: #ff4500!important
}

.social-media a.safari:hover {
    color: #2973d9!important
}

.social-media a.scribd:hover {
    color: #382d29!important
}

.social-media a.sellsy:hover {
    color: #006ca2!important
}

.social-media a.shirtsinbulk:hover {
    color: #dd3a26!important
}

.social-media a.simplybuilt:hover {
    color: #322f34!important
}

.social-media a.skyatlas:hover {
    color: #01aebe!important
}

.social-media a.slideshare:hover {
    color: #13999a!important
}

.social-media a.stack-overflow:hover {
    color: #ef532a!important
}

.social-media a.tripadvisor:hover {
    color: #1e892f!important
}

.social-media a.twitch:hover {
    color: #6441a5!important
}

.social-media a.usb:hover {
    color: #000!important
}

.social-media a.viacoin:hover {
    color: #2376a2!important
}

.social-media a.whatsapp:hover {
    color: #44c254!important
}

.social-media a.wikipedia:hover {
    color: #0c0c0c!important
}

.social-media a.y-combinator:hover {
    color: #ff6501!important
}

.social-media a.yelp:hover {
    color: #bf311b!important
}

.social-media a.email:hover {
    color: #689c49!important
}

.social-media a.envira:hover {
    color: #75bd3b!important
}

.social-media a.gitlab:hover {
    color: #e24329!important
}

.social-media a.glide:hover {
    color: #00a7ff!important
}

.social-media a.snapchat:hover {
    color: #efe200!important
}

.social-media a.viadeo:hover {
    color: #f4982b!important
}

.social-media a.wpbeginner:hover {
    color: #f60!important
}

.social-media a.wpforms:hover {
    color: #b6581a!important
}

.social-media.rounded a.facebook:hover {
    color: #0e59a0!important;
    border-color: #0e59a0!important
}

.social-media.rounded a.twitter:hover {
    color: #0ea4ff!important;
    border-color: #0ea4ff!important
}

.social-media.rounded a.dribbble:hover {
    color: #ea73a0!important;
    border-color: #ea73a0!important
}

.social-media.rounded a.pinterest:hover {
    color: #d73532!important;
    border-color: #d73532!important
}

.social-media.rounded a.google:hover {
    color: #da4835!important;
    border-color: #da4835!important
}

.social-media.rounded a.tumblr:hover {
    color: #2a445f!important;
    border-color: #2a445f!important
}

.social-media.rounded a.instagram:hover {
    color: #82685a!important;
    border-color: #82685a!important
}

.social-media.rounded a.rss:hover {
    color: #f79638!important;
    border-color: #f79638!important
}

.social-media.rounded a.linkedin:hover {
    color: #018faf!important;
    border-color: #018faf!important
}

.social-media.rounded a.skype:hover {
    color: #00b0f6!important;
    border-color: #00b0f6!important
}

.social-media.rounded a.flickr:hover {
    color: #0061db!important;
    border-color: #0061db!important
}

.social-media.rounded a.vimeo:hover {
    color: #4cb2d9!important;
    border-color: #4cb2d9!important
}

.social-media.rounded a.github:hover {
    color: #3b3b3b!important;
    border-color: #3b3b3b!important
}

.social-media.rounded a.youtube:hover {
    color: #cc181e!important;
    border-color: #cc181e!important
}

.social-media.rounded a.windows:hover {
    color: #6dc2e9!important;
    border-color: #6dc2e9!important
}

.social-media.rounded a.dropbox:hover {
    color: #007ee5!important;
    border-color: #007ee5!important
}

.social-media.rounded a.xing:hover {
    color: #026566!important;
    border-color: #026566!important
}

.social-media.rounded a.adn:hover {
    color: #1ea076!important;
    border-color: #1ea076!important
}

.social-media.rounded a.android:hover {
    color: #98cb02!important;
    border-color: #98cb02!important
}

.social-media.rounded a.apple:hover {
    color: #a6b1b7!important;
    border-color: #a6b1b7!important
}

.social-media.rounded a.behance:hover {
    color: #2d9ad2!important;
    border-color: #2d9ad2!important
}

.social-media.rounded a.bitbucket:hover {
    color: #214f81!important;
    border-color: #214f81!important
}

.social-media.rounded a.bitcoin:hover {
    color: #f7931b!important;
    border-color: #f7931b!important
}

.social-media.rounded a.codepan:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.css3:hover {
    color: #3289ce!important;
    border-color: #3289ce!important
}

.social-media.rounded a.delicious:hover {
    color: #3399fe!important;
    border-color: #3399fe!important
}

.social-media.rounded a.deviantart:hover {
    color: #c8da30!important;
    border-color: #c8da30!important
}

.social-media.rounded a.digg:hover {
    color: #0080c2!important;
    border-color: #0080c2!important
}

.social-media.rounded a.drupal:hover {
    color: #0077b9!important;
    border-color: #0077b9!important
}

.social-media.rounded a.empire:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.foursquare:hover {
    color: #daecb0!important;
    border-color: #daecb0!important
}

.social-media.rounded a.git:hover {
    color: #f34f29!important;
    border-color: #f34f29!important
}

.social-media.rounded a.gitti:hover {
    color: #634c3e!important;
    border-color: #634c3e!important
}

.social-media.rounded a.hacker-news:hover {
    color: #f18642!important;
    border-color: #f18642!important
}

.social-media.rounded a.html5:hover {
    color: #e54c1f!important;
    border-color: #e54c1f!important
}

.social-media.rounded a.joomla:hover {
    color: #016fb9!important;
    border-color: #016fb9!important
}

.social-media.rounded a.jsfiddle:hover {
    color: #4679a4!important;
    border-color: #4679a4!important
}

.social-media.rounded a.linux:hover {
    color: #fece0e!important;
    border-color: #fece0e!important
}

.social-media.rounded a.maxcdn:hover {
    color: #f36f20!important;
    border-color: #f36f20!important
}

.social-media.rounded a.openid:hover {
    color: #fe6101!important;
    border-color: #fe6101!important
}

.social-media.rounded a.pagelines:hover {
    color: #3783e3!important;
    border-color: #3783e3!important
}

.social-media.rounded a.pied-piper:hover {
    color: #0c7b48!important;
    border-color: #0c7b48!important
}

.social-media.rounded a.qq:hover {
    color: #23286c!important;
    border-color: #23286c!important
}

.social-media.rounded a.rebel:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.renren:hover {
    color: #0d81e4!important;
    border-color: #0d81e4!important
}

.social-media.rounded a.share:hover {
    color: #252525!important;
    border-color: #252525!important
}

.social-media.rounded a.slack:hover {
    color: #453744!important;
    border-color: #453744!important
}

.social-media.rounded a.soundcloud:hover {
    color: #fe4e00!important;
    border-color: #fe4e00!important
}

.social-media.rounded a.spotify:hover {
    color: #80bb41!important;
    border-color: #80bb41!important
}

.social-media.rounded a.stack-exchange:hover {
    color: #265a93!important;
    border-color: #265a93!important
}

.social-media.rounded a.stackoverflow:hover {
    color: #fea501!important;
    border-color: #fea501!important
}

.social-media.rounded a.steam:hover {
    color: #191919!important;
    border-color: #191919!important
}

.social-media.rounded a.stumbleupon:hover {
    color: #f04f23!important;
    border-color: #f04f23!important
}

.social-media.rounded a.tencent-weibo:hover {
    color: #0063a7!important;
    border-color: #0063a7!important
}

.social-media.rounded a.trello:hover {
    color: #226784!important;
    border-color: #226784!important
}

.social-media.rounded a.vine:hover {
    color: #00b081!important;
    border-color: #00b081!important
}

.social-media.rounded a.vk:hover {
    color: #50769d!important;
    border-color: #50769d!important
}

.social-media.rounded a.wechat:hover {
    color: #a4dc31!important;
    border-color: #a4dc31!important
}

.social-media.rounded a.weibo:hover {
    color: #d82828!important;
    border-color: #d82828!important
}

.social-media.rounded a.wordpress:hover {
    color: #454442!important;
    border-color: #454442!important
}

.social-media.rounded a.yahoo:hover {
    color: #4b04a8!important;
    border-color: #4b04a8!important
}

.social-media.rounded a.ftpx:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.amazon:hover {
    color: #f90!important;
    border-color: #f90!important
}

.social-media.rounded a.angellist:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.btc:hover {
    color: #f7931b!important;
    border-color: #f7931b!important
}

.social-media.rounded a.black-tie:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.bluetooth:hover {
    color: #0a3d91!important;
    border-color: #0a3d91!important
}

.social-media.rounded a.buysellads:hover {
    color: #ba0202!important;
    border-color: #ba0202!important
}

.social-media.rounded a.cc-amex:hover {
    color: #016dd2!important;
    border-color: #016dd2!important
}

.social-media.rounded a.cc-diners-club:hover {
    color: #0069aa!important;
    border-color: #0069aa!important
}

.social-media.rounded a.cc-discover:hover {
    color: #f88737!important;
    border-color: #f88737!important
}

.social-media.rounded a.cc-jcb:hover {
    color: #29166f!important;
    border-color: #29166f!important
}

.social-media.rounded a.cc-mastercard:hover {
    color: #fe9611!important;
    border-color: #fe9611!important
}

.social-media.rounded a.paypal:hover {
    color: #012069!important;
    border-color: #012069!important
}

.social-media.rounded a.cc-stripe:hover {
    color: #49b802!important;
    border-color: #49b802!important
}

.social-media.rounded a.cc-visa:hover {
    color: #1b4da2!important;
    border-color: #1b4da2!important
}

.social-media.rounded a.chrome:hover {
    color: #edcd16!important;
    border-color: #edcd16!important
}

.social-media.rounded a.codepen:hover {
    color: #1b1c1b!important;
    border-color: #1b1c1b!important
}

.social-media.rounded a.codiepie:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.connectdevelop:hover {
    color: #023cb0!important;
    border-color: #023cb0!important
}

.social-media.rounded a.contao:hover {
    color: #e4790f!important;
    border-color: #e4790f!important
}

.social-media.rounded a.dashcube:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.edge:hover {
    color: #2c74be!important;
    border-color: #2c74be!important
}

.social-media.rounded a.expeditedssl:hover {
    color: #2e2e2e!important;
    border-color: #2e2e2e!important
}

.social-media.rounded a.firefox:hover {
    color: #df731b!important;
    border-color: #df731b!important
}

.social-media.rounded a.fonticons:hover {
    color: #1d1e2a!important;
    border-color: #1d1e2a!important
}

.social-media.rounded a.fort-awesome:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.forumbee:hover {
    color: #85ac2f!important;
    border-color: #85ac2f!important
}

.social-media.rounded a.get-pocket:hover {
    color: #e84352!important;
    border-color: #e84352!important
}

.social-media.rounded a.gg:hover {
    color: #fd0002!important;
    border-color: #fd0002!important
}

.social-media.rounded a.gratipay:hover {
    color: #653614!important;
    border-color: #653614!important
}

.social-media.rounded a.houzz:hover {
    color: #9bc545!important;
    border-color: #9bc545!important
}

.social-media.rounded a.internet-explorer:hover {
    color: #00bcf2!important;
    border-color: #00bcf2!important
}

.social-media.rounded a.ioxhost:hover {
    color: #f6a814!important;
    border-color: #f6a814!important
}

.social-media.rounded a.lastfm:hover {
    color: #e2152b!important;
    border-color: #e2152b!important
}

.social-media.rounded a.leanpub:hover {
    color: #231f20!important;
    border-color: #231f20!important
}

.social-media.rounded a.meanpath:hover {
    color: #538dd6!important;
    border-color: #538dd6!important
}

.social-media.rounded a.medium:hover {
    color: #00ab6c!important;
    border-color: #00ab6c!important
}

.social-media.rounded a.mixcloud:hover {
    color: #040204!important;
    border-color: #040204!important
}

.social-media.rounded a.modx:hover {
    color: #8ed547!important;
    border-color: #8ed547!important
}

.social-media.rounded a.odnoklassniki:hover {
    color: #f68634!important;
    border-color: #f68634!important
}

.social-media.rounded a.opencart:hover {
    color: #00c1f2!important;
    border-color: #00c1f2!important
}

.social-media.rounded a.opera:hover {
    color: #e81617!important;
    border-color: #e81617!important
}

.social-media.rounded a.optin-monster:hover {
    color: #8ed31e!important;
    border-color: #8ed31e!important
}

.social-media.rounded a.product-hunt:hover {
    color: #d6573d!important;
    border-color: #d6573d!important
}

.social-media.rounded a.reddit:hover {
    color: #ff4500!important;
    border-color: #ff4500!important
}

.social-media.rounded a.safari:hover {
    color: #2973d9!important;
    border-color: #2973d9!important
}

.social-media.rounded a.scribd:hover {
    color: #382d29!important;
    border-color: #382d29!important
}

.social-media.rounded a.sellsy:hover {
    color: #006ca2!important;
    border-color: #006ca2!important
}

.social-media.rounded a.shirtsinbulk:hover {
    color: #dd3a26!important;
    border-color: #dd3a26!important
}

.social-media.rounded a.simplybuilt:hover {
    color: #322f34!important;
    border-color: #322f34!important
}

.social-media.rounded a.skyatlas:hover {
    color: #01aebe!important;
    border-color: #01aebe!important
}

.social-media.rounded a.slideshare:hover {
    color: #13999a!important;
    border-color: #13999a!important
}

.social-media.rounded a.stack-overflow:hover {
    color: #ef532a!important;
    border-color: #ef532a!important
}

.social-media.rounded a.tripadvisor:hover {
    color: #1e892f!important;
    border-color: #1e892f!important
}

.social-media.rounded a.twitch:hover {
    color: #6441a5!important;
    border-color: #6441a5!important
}

.social-media.rounded a.usb:hover {
    color: #000!important;
    border-color: #000!important
}

.social-media.rounded a.viacoin:hover {
    color: #2376a2!important;
    border-color: #2376a2!important
}

.social-media.rounded a.whatsapp:hover {
    color: #44c254!important;
    border-color: #44c254!important
}

.social-media.rounded a.wikipedia:hover {
    color: #0c0c0c!important;
    border-color: #0c0c0c!important
}

.social-media.rounded a.y-combinator:hover {
    color: #ff6501!important;
    border-color: #ff6501!important
}

.social-media.rounded a.yelp:hover {
    color: #bf311b!important;
    border-color: #bf311b!important
}

.social-media.rounded a.email:hover {
    color: #689c49!important;
    border-color: #689c49!important
}

.social-media.rounded a.envira:hover {
    color: #75bd3b!important;
    border-color: #75bd3b!important
}

.social-media.rounded a.gitlab:hover {
    color: #e24329!important;
    border-color: #e24329!important
}

.social-media.rounded a.glide:hover {
    color: #00a7ff!important;
    border-color: #00a7ff!important
}

.social-media.rounded a.snapchat:hover {
    color: #efe200!important;
    border-color: #efe200!important
}

.social-media.rounded a.viadeo:hover {
    color: #f4982b!important;
    border-color: #f4982b!important
}

.social-media.rounded a.wpbeginner:hover {
    color: #f60!important;
    border-color: #f60!important
}

.social-media.rounded a.wpforms:hover {
    color: #b6581a!important;
    border-color: #b6581a!important
}

.social-media.default-color a:hover {
    color: #C5964B!important
}

.social-media.rounded.default-color a:hover {
    border-color: #C5964B!important;
    color: #C5964B!important
}

.pie-chart-container {
    margin-bottom: 50px;
    text-align: center
}

.pie-chart {
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.pie-chart-percent {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    color: #212121;
    font-size: 18px;
    font-weight: 700;
    margin-top: -3px;
    transform: translateY(-50%)
}

.pie-chart-details {
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2px;
    text-transform: uppercase
}

.progress-bar-container {
    margin-bottom: 15px
}

.progress-bar-title {
    float: left;
    border-radius: 5px
}

.progress {
    height: 12px;
    overflow: visible;
    margin: 0 35px;
    background-color: transparent;
    box-shadow: none
}

.progress-bar {
    position: relative;
    border-radius: 6px;
    background-color: #f8f8f8;
    box-shadow: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.progress-bar:after,
.progress-bar:hover {
    background-color: #C5964B
}

#bar-chart,
#line-chart {
    box-shadow: 0 24px 18px 0 rgba(0, 0, 0, .34)
}

.progress-bar:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 15px;
    border-radius: 0 6px 6px 0;
    content: ""
}

.progress-bar-value {
    position: absolute;
    top: 0;
    right: -60px;
    color: #838383;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.progress-bar:hover:after {
    top: -3px;
    width: 18px;
    height: 18px;
    border: 2px solid #C5964B;
    border-radius: 50%;
    background-color: #fff
}

#area-chart,
#bar-chart,
#doughnut-chart,
#line-chart {
    border-radius: 5px
}

.progress-bar:hover .progress-bar-value {
    right: -40px;
    opacity: 1
}

.counter {
    margin-bottom: 50px;
    text-align: center
}

.counter-value {
    color: #212121;
    font-size: 48px;
    line-height: 60px;
    font-weight: 700
}

.counter-value:before {
    margin-right: 5px;
    content: attr(data-symbol-before)
}

.counter-value:after {
    margin-left: 5px;
    content: attr(data-symbol-after)
}

.counter-details {
    margin-top: 10px
}

.counter-details h4 {
    margin-bottom: 0;
    font-weight: 500;
    text-transform: uppercase
}

.counter-details p {
    margin-bottom: 0;
    color: #C5964B;
    font-size: 11px;
    line-height: 18px;
    font-weight: 300;
    letter-spacing: 1.5px;
    text-transform: uppercase
}

.countdown>div>span,
.price-plan-header h6 {
    letter-spacing: 2px;
    text-transform: uppercase
}

.statistics-container {
    margin-bottom: 50px
}

#line-chart {
    padding: 10px 30px;
    background-color: #fff
}

#doughnut-chart {
    padding: 20px;
    background-color: #C5964B
}

#bar-chart {
    padding: 30px;
    background-color: #fff
}

#area-chart {
    padding: 10px;
    box-shadow: none
}

.countdown {
    margin: 50px 0
}

.countdown>div {
    position: relative;
    float: left;
    width: 25%;
    color: #C5964B;
    font-size: 100px;
    line-height: 65px;
    text-align: center
}

.countdown>div>span {
    display: block;
    color: #838383;
    font-size: 12px
}

.countdown:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (min-width:768px) and (max-width:991px) {
    .countdown>div {
        font-size: 48px;
        line-height: 48px
    }
}

@media (max-width:767px) {
    #area-chart,
    #line-chart {
        padding: 0
    }
    #bar-chart {
        padding: 10px
    }
    .countdown>div {
        font-size: 38px;
        line-height: 34px
    }
}

.price-plan {
    padding: 80px 45px;
    border: 1px solid #838383;
    margin-bottom: 50px;
    text-align: center;
    -webkit-transition: border-color .3s;
    transition: border-color .3s
}

.price-plan-header {
    margin-bottom: 60px
}

.price-plan-header h1 {
    font-size: 60px;
    line-height: 80px;
    font-weight: 500
}

.price-plan-header h1 small {
    color: #838383;
    font-size: 14px;
    font-weight: 400
}

.price-plan-header h6 {
    display: inline-block;
    padding: 0 40px;
    margin: 0 auto 20px;
    background-color: #C5964B;
    color: #fff;
    font-size: 12px;
    font-weight: 400
}

.price-plan ul {
    margin-bottom: 50px;
    color: #212121;
    font-size: 16px;
    list-style: none
}

.price-plan ul li {
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px
}

.price-plan ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0
}

.price-plan>:last-child {
    margin-bottom: 0
}

.price-plan:hover {
    border-color: #C5964B
}

@media (min-width:768px) and (max-width:991px) {
    .price-plan {
        padding: 60px 20px
    }
    .price-plan-header h6 {
        padding: 0 20px
    }
}

.horizontal-timeline {
    padding: 90px 70px;
    margin: 50px 0 100px;
    background-color: #C5964B;
    color: #fff
}

.horizontal-timeline a,
.horizontal-timeline h1,
.horizontal-timeline h2,
.horizontal-timeline h3,
.horizontal-timeline h4,
.horizontal-timeline h5,
.horizontal-timeline h6 {
    color: inherit
}

.owl-carousel.timeline-slider {
    margin-bottom: 30px
}

.timeline-slider-controls {
    margin-bottom: 0;
    list-style: none
}

.timeline-slider-controls li {
    position: relative;
    display: inline-block;
    margin-right: 90px;
    font-size: 24px;
    font-weight: 500;
    cursor: pointer
}

.timeline-slider-controls li:after {
    position: absolute;
    top: 50%;
    right: -70px;
    display: block;
    width: 45px;
    border-top: 2px dashed #fff;
    margin-top: -1px;
    content: ""
}

.timeline-slider-controls li:last-child {
    margin-right: 0
}

.timeline-slider-controls li:last-child:after {
    display: none
}

.horizontal-timeline-2 {
    margin-bottom: 50px;
    text-align: center
}

.timeline-slider-2 .item h3 {
    margin-bottom: 25px;
    text-transform: uppercase
}

.timeline-slider-2 .item>a {
    display: inline-block;
    border-bottom: 1px solid #C5964B;
    color: #C5964B;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.timeline-slider-2 .item>a:hover {
    border-color: #212121;
    color: #212121
}

.timeline-slider-2-controls {
    padding-bottom: 25px;
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 100px;
    list-style: none
}

.timeline-slider-2-controls li {
    position: relative;
    display: inline-block;
    padding: 0 30px;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.timeline-slider-2-controls li:after,
.vertical-timeline li:before {
    display: block;
    background-color: #fff;
    -webkit-transition: all .3s;
    content: ""
}

.timeline-slider-2-controls li:after {
    position: absolute;
    bottom: -33px;
    left: 50%;
    width: 12px;
    height: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s
}

.timeline-slider-2-controls li:hover {
    color: #C5964B
}

.timeline-slider-2-controls li.active {
    color: #C5964B;
    font-size: 30px;
    font-weight: 500
}

.timeline-slider-2-controls li.active:after {
    bottom: -41px;
    width: 23px;
    height: 23px;
    border: 2px solid #C5964B
}

.vertical-timeline {
    padding-top: 30px;
    border-left: 1px solid #d7d7d7;
    margin-bottom: 50px;
    list-style: none
}

.vertical-timeline li {
    position: relative;
    margin-bottom: 40px
}

.vertical-timeline li:before {
    position: absolute;
    top: 7px;
    left: 0;
    width: 12px;
    height: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 50%;
    margin-left: -1px;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    transition: all .3s
}

.vertical-timeline li .period {
    float: left;
    width: 150px;
    color: #212121;
    font-size: 18px;
    line-height: 30px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vertical-timeline li .period-details {
    margin-left: 180px
}

.vertical-timeline li .period-details h5 {
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s
}

.vertical-timeline li:hover:before {
    top: 4px;
    width: 23px;
    height: 23px;
    border: 2px solid #C5964B
}

.vertical-timeline li:hover .period {
    color: #C5964B;
    font-size: 30px;
    font-weight: 500
}

.vertical-timeline li:hover .period-details h5 {
    color: #C5964B
}

@media (min-width:768px) and (max-width:991px) {
    .horizontal-timeline {
        padding: 60px 30px
    }
}

@media (max-width:767px) {
    .timeline-slider-2-controls li:after,
    .timeline-slider-controls li:after {
        display: none
    }
    .horizontal-timeline {
        padding: 50px 20px
    }
    .timeline-slider-controls li {
        margin: 5px 20px 5px 0
    }
    .timeline-slider-2-controls {
        margin-bottom: 50px
    }
    .timeline-slider-2-controls li {
        padding: 0 15px;
        margin: 5px 0
    }
    .vertical-timeline {
        border-left: none
    }
    .vertical-timeline li .period {
        float: none;
        width: 100%;
        padding-left: 20px;
        margin-bottom: 20px;
        text-align: left
    }
    .vertical-timeline li:before {
        left: 0;
        margin-left: 0
    }
    .vertical-timeline li .period-details {
        margin-left: 0
    }
}

.process-steps {
    margin-bottom: 50px
}

.process-steps .step {
    float: left;
    width: 25%
}

.process-steps.process-3-steps .step {
    width: 33.33333%
}

.process-steps.process-4-steps .step {
    width: 25%
}

.process-steps.process-5-steps .step {
    width: 20%
}

.step-details {
    position: relative;
    width: 120px;
    height: 120px;
    border: 2px dashed #838383;
    border-radius: 50%;
    margin: 0 auto;
    text-align: center
}

.step-details:after {
    position: absolute;
    top: 50%;
    right: -97px;
    display: block;
    width: 70px;
    border-top: 2px dashed #838383;
    margin-top: -1px;
    content: ""
}

.process-steps.process-3-steps .step .step-details:after {
    right: -170px;
    width: 140px
}

.process-steps.process-4-steps .step .step-details:after {
    right: -97px;
    width: 70px
}

.process-steps.process-5-steps .step .step-details:after {
    right: -57px;
    width: 35px
}

.process-steps .step:last-child .step-details:after {
    display: none
}

.step-details h5 {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-weight: 400;
    line-height: 18px;
    transform: translateY(-50%)
}

.step-details span {
    position: absolute;
    top: -10px;
    right: -10px;
    width: 50px;
    padding: 11px 0;
    border-radius: 50%;
    background-color: #f30d39;
    color: #fff;
    font-size: 12px;
    line-height: 14px;
    text-transform: uppercase
}

.breadcrumb,
.pagination li a,
.pagination li a:focus {
    background-color: transparent
}

.process-steps:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (min-width:1200px) {
    .step-details {
        width: 150px;
        height: 150px
    }
    .step-details:after {
        right: -105px;
        width: 70px
    }
    .process-steps.process-3-steps .step .step-details:after {
        right: -190px;
        width: 140px
    }
    .process-steps.process-4-steps .step .step-details:after {
        right: -105px;
        width: 70px
    }
    .process-steps.process-5-steps .step .step-details:after {
        right: -60px;
        width: 35px
    }
    .step-details span {
        top: 0;
        right: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .step-details:after {
        right: -52px;
        width: 35px
    }
    .process-steps.process-3-steps .step .step-details:after {
        right: -103px;
        width: 80px
    }
    .process-steps.process-4-steps .step .step-details:after {
        right: -52px;
        width: 35px
    }
    .process-steps.process-5-steps .step .step-details:after {
        display: none
    }
}

@media (max-width:767px) {
    .process-steps .step,
    .process-steps.process-3-steps .step,
    .process-steps.process-4-steps .step,
    .process-steps.process-5-steps .step {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
    .process-steps .step:last-child {
        margin-bottom: 0
    }
    .step-details:after {
        display: none
    }
}

blockquote {
    padding: 0;
    border-left: none;
    margin-bottom: 20px;
    font-size: 16px;
    line-height: 30px;
    font-style: italic
}

blockquote:before {
    color: #C5964B;
    font-size: 48px;
    font-weight: 500;
    content: "\201c"
}

blockquote footer {
    color: #212121;
    font-size: 16px;
    line-height: 36px;
    font-weight: 500;
    font-style: normal
}

.testimonial>h5 small,
blockquote footer small {
    font-size: 11px;
    letter-spacing: 2px;
    text-transform: uppercase
}

blockquote footer small:before,
blockquote footer:before {
    display: none
}

blockquote footer span {
    color: #C5964B
}

blockquote footer small {
    color: inherit;
    font-weight: 300
}

.testimonial {
    margin-bottom: 50px;
    text-align: center
}

.testimonial blockquote {
    margin-bottom: 40px
}

.testimonial blockquote:before {
    margin-bottom: 10px
}

.testimonial>img {
    display: inline-block;
    border-radius: 50%;
    margin-bottom: 30px
}

.testimonial>h5 span {
    color: #C5964B;
    font-weight: 500
}

.testimonial>h5 small {
    display: block;
    margin-top: 5px;
    font-weight: 300
}

.isotope {
    margin-bottom: 75px
}

.isotope.gutter {
    margin: -15px -15px 60px
}

.isotope .isotope-item {
    float: left;
    width: 25%
}

.isotope.gutter .isotope-item {
    padding: 15px
}

.isotope.col-3 .isotope-item {
    width: 33.333333%
}

.isotope.col-4 .isotope-item {
    width: 33.33333%
}

.isotope .portfolio-item {
    margin-bottom: 0
}

.isotope:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

@media (min-width:1200px) {
    .isotope.col-4 .isotope-item {
        width: 25%
    }
}

@media (max-width:767px) {
    .isotope .isotope-item,
    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item {
        float: none;
        width: 100%
    }
}

@media (min-width:544px) and (max-width:767px) {
    .isotope .isotope-item,
    .isotope.col-3 .isotope-item,
    .isotope.col-4 .isotope-item {
        float: left;
        width: 50%
    }
}

.filter {
    margin: 5px 0 60px;
    list-style: none
}

.filter li {
    display: inline-block;
    margin-right: 50px;
    font-size: 16px;
    font-weight: 500
}

.filter li:last-child {
    margin-right: 0
}

.filter li a {
    color: #212121;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.filter li a.active,
.filter li a:hover {
    color: #C5964B
}

@media (max-width:767px) {
    .filter li {
        display: block;
        margin-right: 0;
        margin-bottom: 10px
    }
    .filter li:last-child {
        margin-bottom: 0
    }
}

.pagination {
    display: block;
    margin-top: 0;
    margin-bottom: 30px
}

.pagination li {
    display: inline-block;
    margin-right: 10px
}

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

.pagination li a {
    display: block;
    padding: 0;
    border: none;
    color: #212121;
    font-size: 18px;
    line-height: 50px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.pagination>li:first-child>a,
.pagination>li:first-child>span,
.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-radius: 0
}

.pagination li a:hover,
.pagination li.active a,
.pagination li.active a:hover {
    background-color: transparent;
    color: #C5964B
}

.pagination li.active a {
    position: relative;
    top: -4px;
    font-size: 30px
}

.breadcrumb {
    margin: 0;
    padding: 0
}

#section-1,
#section-3,
#section-7,
#section-8 {
    margin-top: 50px
}

.breadcrumb>li+li:before {
    padding: 0;
    margin-right: 4px;
    color: #838383;
    content: "/"
}

.breadcrumb li a {
    color: #838383;
    -webkit-transition: all .3s;
    transition: all .3s
}

.breadcrumb li a:hover {
    color: #C5964B;
    text-decoration: none
}

.breadcrumb li.active {
    color: #C5964B
}

.full-section {
    position: relative;
    z-index: 1;
    padding: 50px 0;
    margin-bottom: 100px;
    background: center center no-repeat
}

#section-10,
#section-6,
.full-screen {
    margin-bottom: -50px
}

.full-section-overlay-color {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #00090e;
    opacity: .75
}

.full-section-container {
    position: relative;
    z-index: 3
}

.full-screen .full-section-container {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.half-image-left,
.half-image-right {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 50%;
    background: center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover
}

#section-10,
#section-9 {
    background-image: url(/images/backgrounds/bg-3.jpg)
}

.half-image-left {
    left: 0
}

.half-image-right {
    right: 0
}

.half-image-left img,
.half-image-right img {
    display: none
}

.parallax {
    background-attachment: fixed;
    -webkit-background-size: cover!important;
    background-size: cover!important
}

.parallax.parallax-disable {
    background-attachment: scroll
}

.full-section.dark-section {
    background-color: #212121;
    color: #fff
}

.full-section.dark-section a,
.full-section.dark-section h1,
.full-section.dark-section h2,
.full-section.dark-section h3,
.full-section.dark-section h4,
.full-section.dark-section h5,
.full-section.dark-section h6 {
    color: inherit
}

.full-section.dark-section a:hover {
    color: #C5964B
}

.full-section.dark-section button:hover,
.full-section.dark-section input[type=reset]:hover,
.full-section.dark-section input[type=submit]:hover,
.full-section.dark-section input[type=button]:hover {
    background-color: #fff;
    color: #212121
}

.full-section.dark-section .headline:after {
    border-bottom-color: inherit
}

.full-section.dark-section .check-list,
.full-section.dark-section .leaf-list {
    color: inherit
}

.full-section.dark-section .btn-default:after {
    background-color: #fff
}

.full-section.dark-section .btn-default:hover {
    background-color: #fff;
    color: #212121
}

.full-section.dark-section .btn-white {
    border-color: inherit
}

.full-section.dark-section .btn-white:hover {
    border-color: #C5964B;
    color: #fff
}

.full-section.dark-section .text-box {
    color: #212121
}

.full-section.dark-section .text-box.bordered {
    color: inherit
}

.full-section.dark-section .text-box .btn-default {
    color: #fff
}

.full-section.dark-section .text-box .btn-default:hover {
    color: #212121
}

.full-section.dark-section .text-box-2 h4 a,
.full-section.dark-section .text-box.black,
.full-section.dark-section .text-box.default-color {
    color: #fff
}

.full-section.dark-section .text-box-2 a {
    color: #C5964B
}

.full-section.dark-section .text-box-2 a:hover {
    color: #fff
}

.full-section.dark-section .image-box.style-2>h4 {
    color: #212121
}

.full-section.dark-section .image-box.style-2:hover>h4 {
    color: #fff
}

.full-section.dark-section .panel-title a,
.full-section.dark-section .panel-title a:focus {
    color: #212121
}

.full-section.dark-section .panel-title a:hover,
.full-section.dark-section .panel-title a[aria-expanded=true] {
    color: #fff
}

.full-section.dark-section .nav-tabs>li>a {
    color: #212121
}

.full-section.dark-section .nav-tabs>li.active>a,
.full-section.dark-section .nav-tabs>li>a:hover {
    color: #fff
}

.full-section.dark-section .vertical-tabs.style-1 .nav-tabs>li>a {
    color: inherit
}

.full-section.dark-section .vertical-tabs.style-1 .nav-tabs>li.active>a,
.full-section.dark-section .vertical-tabs.style-1 .nav-tabs>li>a:hover {
    color: #C5964B
}

.full-section.dark-section .vertical-tabs.style-2 .tab-pane {
    padding: 10px;
    background-color: #fff;
    color: #838383
}

#section-5,
#section-8,
#section-9 {
    padding: 100px 0 50px
}

#section-3,
#section-5,
#section-8 {
    background-color: #f2f6f8
}

.full-section.dark-section .vertical-tabs.style-2 .tab-pane h1,
.full-section.dark-section .vertical-tabs.style-2 .tab-pane h2,
.full-section.dark-section .vertical-tabs.style-2 .tab-pane h3,
.full-section.dark-section .vertical-tabs.style-2 .tab-pane h4,
.full-section.dark-section .vertical-tabs.style-2 .tab-pane h5,
.full-section.dark-section .vertical-tabs.style-2 .tab-pane h6 {
    color: #212121
}

.full-section.dark-section .counter-value,
.full-section.dark-section .pie-chart-percent,
.full-section.dark-section .progress-bar-value {
    color: inherit
}

.full-section.dark-section .countdown>div>span {
    color: #fff
}

.full-section.dark-section .price-plan ul,
.full-section.dark-section .price-plan-header h1 small,
.full-section.dark-section .vertical-timeline li .period {
    color: inherit
}

.full-section.dark-section .vertical-timeline li:hover .period {
    color: #C5964B
}

.full-section.dark-section .step-details,
.full-section.dark-section .step-details:after {
    border-color: inherit
}

.full-section.dark-section .service-box .service-box-content>a,
.full-section.dark-section blockquote footer {
    color: inherit
}

.full-section.dark-section .service-box .service-box-content>a:hover {
    color: #C5964B
}

.full-section.dark-section .service-box.style-3:hover>i,
.full-section.dark-section .service-box.style-5,
.full-section.dark-section .widget-recent-posts ul li .post-details a,
.full-section.dark-section .widget-recent-posts ul li .post-title {
    color: inherit
}

.full-section.dark-section .blog-article-content>a:hover,
.full-section.dark-section .reply a:hover {
    border-color: #C5964B
}

.full-section.dark-section .widget-recent-posts ul li .post-details a:hover,
.full-section.dark-section .widget-recent-posts ul li .post-title:hover {
    color: #C5964B
}

.full-section.dark-section .widget-tags a:hover {
    color: #fff
}

.full-section .portfolio-item:hover .portfolio-item-thumbnail:after {
    border-width: 0
}

#section-1 {
    padding: 120px 0 100px;
    margin-bottom: 0;
    background-color: #f8f8f8
}

#section-2 {
    padding: 40px 0 20px;
    background-color: #212121
}

#section-3 {
    padding: 100px 0 70px;
    margin-bottom: 0
}

#section-4 {
    padding: 100px 0 60px;
    margin-bottom: 0;
    background-image: url(/images/backgrounds/bg-1.jpg)
}

#section-5 {
    border-bottom: 1px solid #e1e1e1
}

#section-6 {
    padding: 35px 0;
    background-image: url(/images/backgrounds/newsletter_image-3.jpg)
}

#section-6 h2 {
    font-weight: 500;
    letter-spacing: 1px
}

.tp-caption.title-1,
.tp-caption.title-2 {
    font-weight: 900;
    text-transform: uppercase;
    color: #fff
}

#section-7 {
    padding: 30px 0 10px;
    background-color: #414771
}

#section-7 h3 {
    margin-top: 5px
}

#section-9 {
    margin-bottom: 50px
}

#section-10 {
    padding: 100px 0 80px;
    margin-top: 80px
}

@media (min-width:768px) and (max-width:991px) {
    .half-image-left,
    .half-image-right {
        position: relative;
        width: 100%;
        background-image: none!important
    }
    .half-image-left img,
    .half-image-right img {
        display: block;
        margin-bottom: 50px
    }
    .full-section.dark-section .vertical-tabs.style-2 .tab-pane {
        padding: 30px
    }
    #section-1 {
        padding-top: 0
    }
}

@media (max-width:767px) {
    .full-screen .full-section-container {
        position: relative;
        top: 0;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .half-image-left,
    .half-image-right {
        position: relative;
        width: 100%;
        background-image: none!important
    }
    .half-image-left img,
    .half-image-right img {
        display: block;
        margin-bottom: 50px
    }
    .full-section.dark-section .vertical-tabs.style-2 .tab-pane {
        margin-top: 20px;
        padding: 40px 20px
    }
    #section-1 {
        padding-top: 0
    }
}

#video-section .full-section-container,
.owl-next,
.owl-prev {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

#scroll-up,
.youtube-player {
    display: none
}

#local-video-section,
#youtube-video-section {
    position: absolute;
    z-index: 1;
    overflow: hidden;
    top: 0;
    width: 100%;
    height: 100%
}

#video-section {
    height: 780px;
    padding: 0;
    margin-top: 100px;
    margin-bottom: 0;
    background-image: url(/images/backgrounds/bg-1.jpg)
}

#video-section .full-section-container {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 0;
    width: 100%;
    transform: translateY(-50%)
}

.embed-responsive {
    margin-bottom: 20px
}

#local-video-section video {
    width: 100%
}

#scroll-up {
    position: fixed;
    z-index: 8000;
    bottom: 50px;
    right: 50px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #C5964B;
    color: #fff;
    font-size: 24px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .3s;
    transition: all .3s
}

.owl-dots,
.owl-next,
.owl-prev {
    position: absolute;
    text-align: center
}

#scroll-up:hover {
    background-color: #838383
}

.rev_slider_wrapper {
    margin-bottom: 10px;
    height: 660px
}

.header-style-3 .rev_slider_wrapper {
    margin-top: -50px
}

.rev_slider ul,
.rev_slider ul li {
    overflow: visible!important
}

.tp-bullets.custom .tp-bullet {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #d7d7d7;
    -webkit-transition: all .3s;
    transition: all .3s
}

.tp-bullets.custom .tp-bullet.selected,
.tp-bullets.custom .tp-bullet:hover {
    background-color: #C5964B
}

.tp-caption.title-1 {
    font-size: 60px;
    line-height: 60px;
    letter-spacing: 3px
}

.tp-caption.title-2 {
    font-size: 48px;
    line-height: 72px;
    letter-spacing: 10px
}

.tp-caption.title-3 {
    color: #fff;
    font-size: 40px;
    line-height: 30px!important;
    font-weight: 700;
    letter-spacing: 1px
}

.tp-caption.subtitle,
.tp-caption.text-black-highlight {
    font-weight: 500;
    letter-spacing: 5px;
    text-transform: uppercase
}

.tp-caption.subtitle {
    color: #C5964B;
    font-size: 14px;
    line-height: 24px
}

.tp-caption.text {
    color: #fff;
    font-size: 16px;
    line-height: 26px
}

.tp-caption.text-big {
    color: #fff;
    font-size: 18px;
    line-height: 30px
}

.tp-caption.text-small {
    color: #fff;
    font-size: 12px;
    line-height: 22px
}

.tp-caption.text-black-highlight {
    padding: 10px 15px 10px 20px;
    font-size: 16px
}

.tp-caption .btn {
    font-size: 14px
}

.tp-caption .btn-white {
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) and (max-width:991px) {
    .header-style-3 .rev_slider_wrapper {
        margin-top: 0
    }
    .tparrows.tp-leftarrow,
    .tparrows.tp-rightarrow {
        display: none
    }
    .tp-caption .btn {
        padding: 8px 20px;
        border-radius: 3px;
        font-size: 10px
    }
}

@media (max-width:767px) {
    #scroll-up {
        right: 20px;
        bottom: 20px
    }
    .header-style-3 .rev_slider_wrapper {
        margin-top: 0
    }
    .tparrows.tp-leftarrow,
    .tparrows.tp-rightarrow {
        display: none
    }
    .tp-bullets.custom {
        top: auto!important;
        bottom: -30px!important
    }
    .tp-caption .btn {
        padding: 3px 7px;
        border-radius: 1px;
        font-size: 4px
    }
}

@media (min-width:480px) and (max-width:767px) {
    .tp-caption .btn {
        padding: 5px 12px;
        border-radius: 1px;
        font-size: 6px
    }
}

.owl-carousel {
    margin-bottom: 50px
}

.owl-carousel .owl-item img {
    display: inline;
    width: auto
}

.owl-dots {
    bottom: 30px;
    left: 0;
    width: 100%
}

.owl-dot {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    margin-right: 5px;
    background-color: #ebebeb
}

.owl-dot.active,
.owl-dot:hover {
    background-color: #C5964B
}

.owl-dot:last-child {
    margin-right: 0
}

.owl-next,
.owl-prev {
    top: 50%;
    width: 32px;
    height: 32px;
    transform: translateY(-50%)
}

.sf-arrows ul .sf-with-ul:after,
.testimonials {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%)
}

.owl-prev {
    left: -20px
}

.owl-next {
    right: -20px
}

.owl-next:before,
.owl-prev:before {
    font-size: 24px
}

.owl-prev:before {
    content: "\f104"
}

.owl-next:before {
    content: "\f105"
}

.owl-next:hover,
.owl-prev:hover {
    opacity: .5
}

.testimonials-slider.style-1 {
    padding: 80px 50px 140px;
    border: 1px solid #ebebeb
}

.testimonials-slider.style-1 .owl-stage-outer {
    padding-top: 5px
}

.testimonials-slider.style-1 .owl-dots {
    bottom: 50px
}

.testimonials-slider.style-1 .testimonial {
    margin-bottom: 0
}

.testimonials-slider.style-2 .owl-dots {
    bottom: -20px
}

.full-section .testimonials-slider.style-2 .text-box {
    background-color: #fff
}

.testimonials-slider.style-3 {
    position: relative;
    margin: 50px 0;
    background-color: #f2f6f8
}

.testimonial-author-image {
    float: left;
    width: 50%;
    margin-bottom: 0
}

.testimonials {
    position: absolute;
    top: 50%;
    right: 0;
    width: 50%;
    padding: 50px 80px;
    transform: translateY(-50%)
}

.testimonials .owl-stage-outer {
    padding-top: 5px
}

.testimonials .owl-dots {
    bottom: 20px;
    left: 80px;
    text-align: left
}

.images-slider-horizontal,
.images-slider-vertical,
.images-slider-vertical .owl-dots,
.loader-img,
.logos-sider,
.logos-slider .item,
.widget-calendar table,
.widget-twitter {
    text-align: center
}

.testimonials-slider.style-3 blockquote {
    color: #212121;
    font-size: 24px;
    line-height: 36px;
    font-weight: 300
}

.testimonials-slider.style-3 blockquote:before {
    display: none
}

.testimonials-slider.style-3 blockquote footer {
    font-size: 18px;
    color: #212121
}

.testimonials-slider.style-3:after {
    display: block;
    font-size: 0;
    content: " ";
    height: 0
}

.logos-slider .item {
    height: 45px;
    padding: 0 20px;
    background: top center no-repeat;
    -webkit-transition: all .3s;
    transition: all .3s
}

.logos-slider .item:hover {
    background-position: bottom center
}

.images-slider-horizontal .owl-dots {
    bottom: -40px;
    width: auto
}

.images-slider-vertical .owl-dots {
    bottom: 0;
    left: -30px;
    width: auto
}

.images-slider-vertical .owl-dot {
    display: block;
    margin-right: 0;
    margin-bottom: 10px
}

.images-slider-vertical .owl-dot:last-child {
    margin-bottom: 0
}

@media (min-width:768px) and (max-width:991px) {
    .testimonials-slider.style-1 {
        padding: 40px 20px 80px
    }
    .testimonials {
        padding: 50px 30px
    }
    .testimonials-slider.style-3 blockquote {
        font-size: 18px;
        line-height: 30px
    }
    .testimonials .owl-dots {
        left: 30px
    }
}

@media (max-width:767px) {
    .owl-dots {
        bottom: 15px
    }
    .testimonials-slider.style-1 {
        padding: 40px 20px 80px
    }
    .testimonial-author-image {
        float: none;
        width: 100%
    }
    .testimonials {
        position: relative;
        top: 0;
        width: 100%;
        padding: 50px 20px;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }
    .testimonials .owl-dots {
        left: 20px
    }
    .images-slider-vertical .owl-dots {
        bottom: -30px;
        left: 0;
        width: 100%;
        text-align: center
    }
    .images-slider-vertical .owl-dot {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0
    }
    .images-slider-vertical .owl-dot:last-child {
        margin-right: 0
    }
}

.wow {
    visibility: hidden
}

.wow.animated {
    visibility: visible
}

.widget {
    margin-bottom: 50px
}

.widget>:last-child {
    margin-bottom: 0
}

.widget-title {
    margin-bottom: 30px;
    font-weight: 500;
    letter-spacing: .75px;
    text-transform: uppercase
}

.footer-image {
    margin-top: -30px
}

.widget-text div>:last-child {
    margin-bottom: 0
}

.widget-search form {
    position: relative
}

.widget-search #s {
    width: 100%;
    height: 44px;
    padding: 10px 40px 10px 20px;
    border-radius: 20px;
    border-color: #f2f6f8;
    background-color: #f2f6f8
}

.widget-search #s::-moz-placeholder {
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.widget-search #s::-webkit-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.widget-search #s:-ms-input-placeholder {
    font-size: 14px;
    font-weight: 400;
    font-style: normal
}

.widget-search input[type=submit] {
    position: absolute;
    top: 13px;
    right: 15px;
    width: 16px;
    height: 16px;
    padding: 0;
    border: none;
    background: url(/images/search.png) center center no-repeat
}

.widget-search #s:focus {
    border-color: #C5964B;
    background-color: #fff
}

.widget-categories ul {
    margin-bottom: 0;
    list-style: none
}

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

.widget-categories ul li:last-child {
    margin-bottom: 0
}

.widget-categories ul li a {
    position: relative;
    display: block;
    padding-left: 20px;
    color: #838383;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-categories ul li a:before {
    position: absolute;
    top: 10px;
    left: 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #C5964B;
    opacity: 0;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-archives ul li a:before,
.widget-metadata ul li a:before,
.widget-pages ul li a:before {
    top: -2px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 15px;
    position: relative;
    display: inline-block;
    content: "";
    background-color: #C5964B
}

.widget-categories ul li a:hover {
    color: #212121;
    text-decoration: none
}

.widget-categories ul li a:hover:before {
    opacity: 1
}

.widget-archives ul {
    margin-bottom: 0;
    list-style: none
}

.widget-archives ul li {
    margin-bottom: 15px
}

.widget-archives ul li:last-child {
    margin-bottom: 0
}

.widget-archives ul li a {
    color: #838383;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-archives ul li a:before {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-archives ul li a:hover {
    color: #212121;
    text-decoration: none
}

.widget-archives ul li a:hover:before {
    opacity: 1
}

.widget-pages ul {
    margin-bottom: 0;
    list-style: none
}

.widget-pages ul li {
    margin-bottom: 15px
}

.widget-pages ul li:last-child {
    margin-bottom: 0
}

.widget-pages ul li a {
    color: #838383;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-pages ul li a:before {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-pages ul li a:hover {
    color: #212121;
    text-decoration: none
}

.widget-pages ul li a:hover:before {
    opacity: 1
}

.widget-metadata ul {
    margin-bottom: 0;
    list-style: none
}

.widget-metadata ul li {
    margin-bottom: 15px
}

.widget-metadata ul li:last-child {
    margin-bottom: 0
}

.widget-metadata ul li a {
    color: #838383;
    font-size: 16px;
    font-weight: 500;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-metadata ul li a:before {
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-metadata ul li a:hover {
    color: #212121;
    text-decoration: none
}

.widget-metadata ul li a:hover:before {
    opacity: 1
}

.widget-tags a {
    position: relative;
    z-index: 1;
    overflow: hidden;
    display: inline-block;
    padding: 5px 18px;
    border: 1px solid #ebebeb;
    border-radius: 20px;
    margin: 5px 5px 5px 0;
    color: #838383;
    font-size: 14px;
    text-decoration: none;
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-tags a:after {
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-radius: 20px;
    background-color: #C5964B;
    content: "";
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-tags a:hover {
    border-color: #C5964B;
    background-color: #C5964B;
    color: #fff
}

.widget-tags a:hover:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

@media (min-width:768px) and (max-width:991px) {
    .widget-tags a {
        padding: 3px 12px;
        font-size: 12px
    }
}

.widget-newsletter form {
    position: relative
}

.widget-newsletter #newsletter-email {
    width: 100%;
    height: 44px;
    padding-right: 160px
}

.widget-newsletter button[type=submit] {
    position: absolute;
    top: 0;
    right: -1px;
    height: 44px;
    border-radius: 0;
    font-size: 12px
}

.widget-newsletter button[type=submit]:after {
    border-radius: 0
}

.newsletter-bordered {
    padding: 10px;
    border: 1px solid #ebebeb
}

.newsletter-bordered #newsletter-email {
    padding-right: 20px
}

.newsletter-bordered button[type=submit] {
    position: relative;
    width: 100%;
    margin-bottom: 0;
    border-radius: 5px
}

.newsletter-bordered button[type=submit]:after {
    border-radius: 5px
}

@media (min-width:768px) and (max-width:991px) {
    .widget-newsletter #newsletter-email {
        padding-right: 20px
    }
    .newsletter-bordered {
        padding: 0;
        border: none
    }
    .widget-recent-posts ul li img {
        display: none
    }
}

@media (max-width:767px) {
    .widget-newsletter #newsletter-email {
        padding-right: 20px
    }
    .widget-newsletter button[type=submit] {
        position: relative;
        right: 0;
        left: 27%
    }
}

.widget-recent-posts ul {
    margin-bottom: 0;
    list-style: none
}

.widget-recent-posts ul li {
    line-height: 24px
}

.widget-recent-posts ul li img {
    float: left;
    margin-right: 15px
}

.widget-recent-posts ul li .post-title {
    color: #212121;
    font-size: 16px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-recent-posts ul li .post-details {
    font-size: 12px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-recent-posts ul li .post-details a {
    padding-right: 7px;
    border-right: 1px solid #838383;
    margin-right: 3px;
    color: #838383
}

.widget-recent-posts ul li .post-details a:last-child {
    padding-right: 0;
    border-right: 0;
    margin-right: 0
}

.widget-recent-posts ul li .post-details a.author:before {
    content: "\e9f3"
}

.widget-recent-posts ul li .post-details a:before {
    margin-right: 5px;
    font-family: materia-icons;
    font-size: 14px;
    content: "\e920"
}

.widget-recent-posts ul li .post-details a:hover,
.widget-recent-posts ul li .post-title:hover {
    color: #C5964B;
    text-decoration: none
}

.widget-recent-comments ul {
    margin-bottom: 0;
    list-style: none
}

.widget-recent-comments ul li {
    margin-bottom: 15px
}

.widget-recent-comments ul li:last-child {
    margin-bottom: 0
}

#instafeed,
.flickr-photos {
    margin: -5px
}

.widget-calendar table {
    width: 100%
}

.widget-calendar table td,
.widget-calendar table th {
    padding: 5px;
    border-top: 1px solid #ebebeb;
    border-left: 1px solid #ebebeb;
    text-align: center
}

.widget-calendar table td:last-child,
.widget-calendar table th:last-child {
    border-right: 1px solid #ebebeb
}

.widget-calendar table tr:last-child td {
    border-bottom: 1px solid #ebebeb
}

.widget-calendar table tfoot td,
.widget-calendar table tfoot td:last-child,
.widget-calendar table tfoot tr:last-child td {
    border: none
}

.loader-img img,
.loader-img:after {
    border-radius: 50%
}

.widget-calendar table td#today {
    background-color: #C5964B;
    color: #fff
}

.flickr_badge_image {
    position: relative;
    float: left;
    padding: 5px
}

.flickr_badge_image img {
    width: 64px;
    height: auto
}

#instafeed:after,
.flickr-photos:after {
    height: 0;
    font-size: 0;
    content: " ";
    display: block;
    visibility: hidden;
    clear: both
}

@media (min-width:1200px) {
    .flickr_badge_image img {
        width: 80px
    }
}

#instafeed a {
    float: left;
    display: block;
    width: 72px
}

#instafeed a img {
    display: block;
    width: 100%;
    height: auto;
    padding: 5px
}

.tweets-list ul {
    margin-bottom: 0;
    list-style: none
}

.tweets-list ul li {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 32px
}

.tweets-list ul li:last-child,
.tweets-list ul li>:last-child {
    margin-bottom: 0
}

.widget-contact ul {
    margin-bottom: 0;
    list-style: none
}

.widget-contact ul li {
    position: relative;
    padding-left: 0;
    margin-bottom: 40px
}

.widget-contact ul li:last-child,
.widget-social .social-media {
    margin-bottom: 0
}

.widget-contact ul li i {
    -webkit-transition: all .3s;
    transition: all .3s
}

.widget-contact ul li:hover i {
    color: #C5964B
}

.widget-contact ul li a {
    color: #838383
}

.widget-contact ul li small {
    display: block;
    font-size: 11px;
    letter-spacing: 1px;
    text-transform: uppercase
}

@media (min-width:1200px) {
    #instafeed a {
        width: 90px
    }
    .widget-contact ul li small {
        letter-spacing: 2px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .widget-contact ul li {
        padding-left: 0
    }
    .widget-contact ul li i {
        display: none
    }
}

#page-loader {
    position: fixed;
    z-index: 999999;
    width: 100%;
    height: 100%;
    background-color: #fff
}

.loader-img,
.loader-img:after {
    position: absolute;
    top: 50%;
    left: 50%
}

.loader-img {
    margin: -40px 0 0 -40px
}

.loader-img:after {
    display: block;
    width: 150px;
    height: 150px;
    border-top: 2px solid #C5964B;
    border-right: 2px solid #C5964B;
    content: "";
    margin: -75px 0 0 -75px;
    -webkit-animation: rotate 1s linear infinite;
    animation: rotate 1s linear infinite
}

.header-style-1 #header-container,
.header-style-4 #header-container {
    position: absolute;
    z-index: 8000;
    top: 0;
    left: 0;
    border-bottom: 1px solid rgba(255, 255, 255, .15);
    right: 0
}

@-webkit-keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes rotate {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

#main-container {
  /*  overflow: hidden; */
    background-color: #FFF;
    box-shadow: 0 50px 50px 0 rgba(0, 0, 0, .7)
}

.header-style-4 #header-container {
    padding: 0 20px
}

.header-style-5 #header-container {
    background-color: #212121;
    color: #fff
}

@media (min-width:1200px) {
    .header-style-4 #header-container {
        padding: 0 30px
    }
}

@media (min-width:768px) and (max-width:991px) {
    .header-style-1 #header-container,
    .header-style-4 #header-container {
        position: relative;
        border-bottom: none;
        background-color: #212121
    }
    .header-style-4 #header-container {
        padding: 0 10px
    }
}

@media (max-width:767px) {
    #main-container {
        box-shadow: none
    }
    .header-style-1 #header-container,
    .header-style-4 #header-container {
        position: relative;
        border-bottom: none;
        background-color: #212121
    }
    .header-style-4 #header-container {
        padding: 0
    }
}

#header-top {
    padding: 0
}

#header-top .widget:last-child {
    margin-bottom: 0
}

.header-top-style-1.header-style-2 #header-top .widget-contact ul li {
    float: right;
    width: auto;
    padding-right: 30px;
    margin-bottom: 0;
    padding-top: 30px
}

.header-top-style-1.header-style-3 #header-top .widget-contact ul li {
    float: left;
    width: 33.333333%;
    padding-right: 30px;
    margin-bottom: 0
}

.header-top-style-2 #header-top {
    padding: 10px 0;
    background-color: #C5964B;
    color: #fff
}

.header-top-style-2.header-style-5 #header-top {
    padding: 30px 0;
    background-color: transparent
}

.header-top-style-2 #header-top a,
.header-top-style-2 #header-top h1,
.header-top-style-2 #header-top h2,
.header-top-style-2 #header-top h3,
.header-top-style-2 #header-top h4,
.header-top-style-2 #header-top h5,
.header-top-style-2 #header-top h6,
.header-top-style-2 blockquote:before {
    color: inherit
}

.header-top-style-2 #header-top a:hover {
    color: #212121
}

.header-top-style-2 #header-top .widget-archives ul li a:before,
.header-top-style-2 #header-top .widget-categories ul li a:before,
.header-top-style-2 #header-top .widget-metadata ul li a:before,
.header-top-style-2 #header-top .widget-pages ul li a:before {
    background-color: #212121
}

.header-top-style-2 #header-top .widget-tags a:hover {
    color: #fff
}

.header-top-style-2 #header-top .widget-contact ul li:hover i {
    color: #212121
}

.header-top-style-2.header-style-5 #header-top a:hover {
    color: #C5964B
}

.header-top-style-2.header-style-5 #header-top .widget-archives ul li a:before,
.header-top-style-2.header-style-5 #header-top .widget-categories ul li a:before,
.header-top-style-2.header-style-5 #header-top .widget-metadata ul li a:before,
.header-top-style-2.header-style-5 #header-top .widget-pages ul li a:before {
    background-color: #C5964B
}

.header-top-style-2.header-style-5 #header-top .widget-tags a:hover {
    color: #fff
}

.header-top-style-2.header-style-5 #header-top .widget-contact ul li:hover i {
    color: #C5964B
}

.header-top-style-2.header-style-6 #header-top .widget-contact ul li {
    display: inline-block;
    padding-left: 25px;
    margin-right: 20px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 300
}

.header-top-style-2.header-style-6 #header-top .widget-contact ul li i {
    top: -8px;
    font-size: 20px
}

.header-top-style-2.header-style-6 #header-top .widget-social .social-media a,
.menu li a {
    font-size: 14px
}

.header-top-style-2.header-style-6 #header-top .widget-contact ul li small {
    display: inline-block
}

#logo a,
.header-style-5 #logo {
    text-align: center
}

#header {
    position: relative;
    z-index: 2
}

#header [class^=col-] {
    position: static
}

#header .container {
    position: relative
}

.header-style-2 #header {
    background-color: #212121
}

.header-style-3 #header:before {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 1000px;
    margin: 0 auto;
    background-color: #C5964B;
    content: "";
    -webkit-transform: translateX(-50%) skew(-45deg);
    -ms-transform: translateX(-50%) skew(-45deg);
    transform: translateX(-50%) skew(-45deg)
}

.header-style-5 #header {
    border-top: 1px solid #C5964B
}

@media (min-width:1200px) {
    .header-style-3 #header:before {
        width: 1275px
    }
    .header-style-4 #header [class^=col-] {
        position: relative
    }
}

@media (max-width:767px) {
    .header-top-style-2.header-style-6 #header-top {
        display: none
    }
    .header-style-2 #header [class^=col-],
    .header-style-3 #header [class^=col-] {
        min-height: 0
    }
    .header-style-5 #header {
        border-top: none
    }
}

#logo {
    margin: 30px 0
}

#header-top #logo {
    margin: 5px 0
}

#logo a {
    display: inline-block
}

@media (min-width:768px) and (max-width:991px) {
    .header-top-style-2.header-style-6 #header-top .widget-contact ul li {
        padding-left: 0
    }
    .header-style-2 #header [class^=col-],
    .header-style-3 #header [class^=col-] {
        min-height: 0
    }
    .header-style-5 #header {
        border-top: none
    }
    .header-style-5 #logo {
        text-align: left
    }
}

@media (max-width:767px) {
    #logo {
        margin-right: 60px
    }
    .header-style-5 #logo {
        text-align: left
    }
}

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

.menu {
    float: right;
    margin-top: 0
}

.header-style-2 .menu,
.header-style-3 .menu,
.header-style-5 .menu {
    float: none
}

.menu>li {
    float: left;
    border-right: dotted thin #5e5852;
    padding-left: 3px;
    padding-right: 5px
}

.menu li a {
    display: block;
    padding: 10px 30px;
    border-bottom: 1px solid #212121;
    color: #c2c2c2;
    line-height: 26px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.menu>li>a {
    position: relative;
    padding: 5px 5px 5px;
    border-bottom: none;
    margin-right: 5px;
    color: #fff;
    font-size: 15px;
    font-weight: 500
}

.header-style-6 .menu>li>a {
    color: #212121
}

.header-style-2 .menu>li:first-child>a,
.header-style-3 .menu>li:first-child>a,
.header-style-5 .menu>li:first-child>a {
    padding-left: 0
}

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

.menu li.dropdown ul {
    position: absolute;
    z-index: 2000;
    top: 100%;
    left: 0;
    display: none;
    width: 210px;
    border: 1px solid #212121;
    border-bottom: none;
    background-color: #151515
}

.menu li.dropdown ul ul {
    top: -1px;
    left: 100%
}

.menu li.dropdown:hover>ul {
    display: block
}

.menu li.megamenu .megamenu-container {
    position: absolute;
    z-index: 2000;
    top: 100%;
    left: 0;
    display: none;
    width: 100%;
    border: 1px solid #212121;
    border-bottom: none;
    background-color: #151515
}

.megamenu-container .section {
    float: left;
    width: 25%;
    border-right: 1px solid #212121
}

.megamenu-container .section:last-child {
    border-right: none
}

.megamenu-container.col-2 .section {
    width: 50%
}

.megamenu-container.col-3 .section {
    width: 33.33333333%
}

.megamenu-container.col-4 .section {
    width: 25%
}

.megamenu-container.col-5 .section {
    width: 20%
}

.menu li.megamenu:hover>.megamenu-container {
    display: block
}

.sf-arrows .sf-with-ul:after {
    position: absolute;
    top: 10px;
    right: 0;
    display: none;
    font-size: 15px;
    opacity: .5;
    content: "\f107"
}

.sf-arrows ul .sf-with-ul:after {
    top: 50%;
    right: 15px;
    display: block;
    content: "\f105";
    transform: translateY(-50%)
}

.menu li a:hover,
.menu li.active>a,
.menu li.sfHover>a {
    color: #C5964B;
    text-decoration: none
}

.header-style-3 .menu li.active>a,
.header-style-3 .menu>li.sfHover>a,
.header-style-3 .menu>li>a:hover {
    color: #212121
}

.megamenu-container .section ul li a:hover:before,
.menu li.dropdown ul li a:hover:before,
.menu li.dropdown ul li.sfHover>a:before {
    border-color: #C5964B
}

.menu ul li.sfHover>a,
.menu ul li>a:hover {
    background: #1D1D1D;
    color: #c2c2c2
}

#search-form #search,
#search-form #search:focus {
    background-color: #fff
}

@media (min-width:1200px) {
    .menu>li>a {
        padding: 10px 15px
    }
    .sf-arrows .sf-with-ul:after {
        display: block
    }
}

@media (min-width:768px) and (max-width:991px) {
    .menu {
        display: none
    }
}

@media (max-width:767px) {
    .menu {
        display: none
    }
}

#mobile-menu-button {
    float: right;
    display: none;
    width: 50px;
    height: 48px;
    border-radius: 5px;
    font-size: 24px;
    line-height: 50px;
    text-align: center;
    text-decoration: none
}

#mobile-menu,
#mobile-menu ul {
    list-style: none;
    display: none;
    margin: 0
}

#mobile-menu li a {
    display: block;
    padding: 10px 20px;
    font-size: 13px;
    text-decoration: none
}

#mobile-menu>li>a {
    font-size: 14px;
    font-weight: 500
}

#mobile-menu ul a {
    padding-left: 40px
}

#mobile-menu ul ul a {
    padding-left: 60px
}

#mobile-menu .megamenu-container {
    display: none;
    margin-left: 0
}

#mobile-menu .megamenu-container .section {
    float: none;
    width: 100%;
    margin-bottom: -1px;
    padding: 0 20px 20px
}

#mobile-menu .megamenu-container .section ul {
    display: block;
    margin: 0 -25px -20px
}

#mobile-menu .megamenu-container .section>ul li a:before,
#mobile-menu li.search a,
#search-form,
#search-submit,
#sign-in {
    display: none
}

#mobile-menu .megamenu-container .section ul a {
    padding-left: 40px
}

#mobile-menu .megamenu-container .section ul li:last-child a {
    border-bottom: 1px solid #fff
}

#mobile-menu li.dropdown>a,
#mobile-menu li.megamenu>a {
    position: relative
}

#mobile-menu li.dropdown>a:after,
#mobile-menu li.megamenu>a:after {
    position: absolute;
    top: 50%;
    right: 20px;
    font-family: FontAwesome;
    font-size: 15px;
    content: "\f107";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.header-style-1 #page-header,
.header-style-4 #page-header {
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0)
}

#mobile-menu li.dropdown>a.open:after,
#mobile-menu li.megamenu>a.open:after {
    content: "\f106"
}

@media (min-width:768px) and (max-width:991px) {
    #mobile-menu-button {
        display: block;
        margin-top: 26px
    }
    .header-style-2 #mobile-menu-button,
    .header-style-3 #mobile-menu-button {
        position: absolute;
        top: -79px;
        right: 15px;
        margin-top: 0
    }
    .header-style-4 #mobile-menu {
        margin: 0 -10px
    }
    .header-style-5 #mobile-menu-button {
        position: absolute;
        top: -79px;
        right: 0;
        margin-top: 0
    }
    .header-style-5 #mobile-menu {
        margin: 0 -25px
    }
    #header-sticky {
        visibility: hidden
    }
}

@media (max-width:767px) {
    #mobile-menu-button {
        position: absolute;
        top: 26px;
        right: 15px;
        display: block
    }
    .header-style-2 #mobile-menu-button,
    .header-style-3 #mobile-menu-button {
        top: -79px
    }
    .header-style-5 #mobile-menu-button {
        top: -79px;
        right: 0
    }
    .header-style-5 #mobile-menu {
        margin: 0 -20px
    }
    #header-sticky {
        visibility: hidden
    }
}

.header-style-2 .menu li.search {
    margin-right: 5px;
    float: right
}

.header-style-3 .menu li.search,
.header-style-5 .menu li.search {
    float: right
}

.header-style-3 .menu li.search a,
.header-style-5 .menu li.search a,
.menu li.search a {
    color: #fff
}

.header-style-6 .menu li.search a {
    color: #212121
}

.menu li.search a:hover {
    color: #C5964B
}

.header-style-3 .menu li.search a:hover {
    color: #212121
}

#search-form {
    position: absolute;
    z-index: 10;
    top: 25px;
    right: 115px
}

.header-style-2 #search-form {
    right: 10px
}

.header-style-3 #search-form {
    right: 20px
}

.header-style-5 #search-form {
    right: 0
}

#search-form #search {
    width: 0;
    height: 50px;
    padding: 0 40px 0 25px;
    border: 1px solid #C5964B;
    border-radius: 0;
    color: #878787;
    -webkit-transition: all .3s;
    transition: all .3s
}

#search-form.open #search {
    width: 430px
}

#search-form a.close {
    position: absolute;
    top: 1px;
    right: -10px;
    border-bottom: none;
    color: #878787;
    font-size: 18px;
    font-weight: 400;
    text-decoration: none;
    opacity: 1
}

@media (min-width:1200px) {
    #search-form {
        right: 130px
    }
}

@media (max-width:991px) {
    #mobile-menu li.search a {
        display: none
    }
    #search-form-container {
        padding: 15px 20px;
        border-top: 1px solid #fff
    }
    #search-form {
        position: relative;
        top: 0;
        right: 0;
        display: block;
        width: 100%
    }
    #search-form #search {
        width: 100%;
        height: 50px;
        padding-right: 50px;
        margin-bottom: 0
    }
    #search-form #search-submit {
        position: absolute;
        top: 4px;
        right: 15px;
        display: block;
        padding: 0;
        border: none;
        width: 30px;
        height: 45px;
        background: url(../images/search.png) center center no-repeat
    }
    .header-style-3 #search-form {
        right: 0
    }
}

.menu li.sign-in .btn {
    padding: 5px 20px;
    margin-top: 4px;
    font-size: 12px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase
}

.header-style-6 .menu li.sign-in .btn,
.menu li.sign-in .btn:hover {
    color: #fff
}

#sign-in h2 {
    margin-top: 20px
}

.sign-in-form {
    margin-top: 50px
}

.sign-in-form #email,
.sign-in-form #password {
    position: relative;
    z-index: 1
}

.sign-in-form .btn {
    margin-top: 20px;
    margin-bottom: 0
}

@media (min-width:1200px) {
    .menu li.sign-in .btn {
        padding: 5px 23px
    }
}

@media (max-width:991px) {
    #mobile-menu li.sign-in {
        border-top: 1px solid #fff
    }
    #mobile-menu li.sign-in .btn {
        display: inline-block;
        border-top: none;
        margin: 15px 20px;
        background-color: #121212;
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 1px;
        text-transform: uppercase
    }
}

#header-sticky [class^=col-] {
    position: static
}

#header-sticky .container,
#header-sticky .container-fluid {
    position: relative
}

#header-sticky {
    position: fixed;
    z-index: 8000;
    top: 0;
    right: 0;
    left: 0;
    display: none;
    width: 100%;
    margin: 0 auto;
    background-color: #121212;
    box-shadow: 0 4px 10px 0 rgba(0, 0, 0, .06);
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.header-style-3 #header-sticky {
    background-color: #C5964B
}

.header-style-4 #header-sticky {
    padding: 0 20px
}

.header-style-4 #header-sticky #search-form {
    right: 160px
}

.header-style-5 #header-sticky nav {
    position: relative;
    width: 940px;
    margin: 0 auto
}

.header-style-5 #header-sticky #search-form {
    top: 0
}

.header-style-6 #header-sticky {
    background-color: #fff
}

@media (min-width:1200px) {
    .header-style-4 #header-sticky [class^=col-] {
        position: relative
    }
    .header-style-4 #header-sticky {
        padding: 0 30px
    }
    .header-style-5 #header-sticky nav {
        width: 1140px
    }
}

#page-content {
    position: relative;
    z-index: 1;
    padding-bottom: 50px
}

#page-header {
    position: relative;
    padding: 70px 0;
    margin-bottom: 100px;
    background: center center no-repeat
}

.header-style-1 #page-header:after,
.header-style-4 #page-header:after,
.header-style-6 #page-header:after {
    position: absolute;
    top: 0;
    opacity: .55;
    bottom: 0;
    right: 0;
    left: 0
}

#footer .widget:last-child,
#page-header h2 {
    margin-bottom: 0
}

#page-header h2 {
    color: inherit;
    font-size: 36px
}

.header-style-1 #page-header .breadcrumb li a,
.header-style-1 #page-header .breadcrumb>li+li:before,
.header-style-6 #page-header .breadcrumb li a,
.header-style-6 #page-header .breadcrumb>li+li:before {
    color: #fff
}

.header-style-1 #page-header {
    z-index: 1;
    padding-top: 170px;
    transform: translateZ(0)
}

.header-style-1 #page-header:after {
    z-index: -1;
    background-color: #000;
    content: ""
}

.header-style-1 .breadcrumb {
    font-size: 12px;
    letter-spacing: 2px;
    text-align: right;
    text-transform: uppercase
}

.header-style-2 #page-header {
    padding: 40px 0;
    border-bottom: 1px solid #ebebeb
}

.header-style-2 #page-header .breadcrumb>li+li:before {
    content: ">"
}

.header-style-3 #page-header {
    padding: 80px 0 30px;
    margin-top: -50px;
    background-color: #e4eef2
}

.header-style-4 #page-header {
    z-index: 1;
    padding: 185px 0 85px;
    color: #fff;
    text-align: center;
    transform: translateZ(0)
}

.header-style-4 #page-header:after {
    z-index: -1;
    background-color: #000;
    content: ""
}

.header-style-5 #page-header {
    padding: 40px 0;
    background-color: #f7f7f7
}

.header-style-6 #page-header {
    z-index: 1;
    padding: 50px 0;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.header-style-6 #page-header:after {
    z-index: -1;
    background-color: #000;
    content: ""
}

#footer,
#footer-bottom {
    background-color: #121212;
    font-size: 14px;
    font-weight: 300
}

@media (max-width:991px) {
    .header-style-1 #page-header {
        padding-top: 70px
    }
    .header-style-2 #page-header {
        border-top: 1px solid #ebebeb
    }
    .header-style-3 #page-header {
        padding-top: 30px;
        margin-top: 0
    }
    .header-style-4 #page-header {
        padding-top: 85px
    }
}

.footer-parallax #footer-container {
    position: fixed;
    z-index: -1;
    bottom: 0;
    left: 0;
    right: 0
}

#footer {
    padding: 30px 0;
    color: #949494
}

#footer a {
    color: inherit
}

#footer .widget-recent-posts ul li .post-title,
#footer .widget-tags a:hover,
#footer a:hover,
#footer h1,
#footer h2,
#footer h3,
#footer h4,
#footer h5,
#footer h6 {
    color: #fff
}

#footer .widget-title {
    margin-bottom: 40px;
    letter-spacing: 2px
}

#footer .widget-archives ul li,
#footer .widget-categories ul li,
#footer .widget-metadata ul li,
#footer .widget-pages ul li {
    margin-bottom: 20px
}

#footer .widget-archives ul li:last-child,
#footer .widget-categories ul li:last-child,
#footer .widget-metadata ul li:last-child,
#footer .widget-pages ul li:last-child {
    margin-bottom: 0
}

#footer .widget-archives ul li a,
#footer .widget-categories ul li a,
#footer .widget-metadata ul li a,
#footer .widget-pages ul li a {
    font-size: 14px;
    font-weight: 300
}

#footer .widget-pages ul li a:before {
    opacity: 1
}

#footer .widget-recent-posts ul li {
    border-bottom: 1px solid #444;
    margin-bottom: 25px
}

#footer .widget-recent-posts ul li:last-child {
    border-bottom: none;
    margin-bottom: 0
}

#footer .widget-recent-posts ul li .post-title:hover {
    color: #C5964B
}

#footer .widget-contact {
    color: #fff
}

#footer .widget-contact i,
#footer .widget-contact small {
    color: #949494
}

#footer .widget-contact li:hover i {
    color: #C5964B
}

#footer-bottom {
    padding: 20px 0;
    color: #4c4c4c
}

.service-box.style-1:hover .service-box-content h5:before,
.service-box.style-2:hover:before {
    background-color: #C5964B
}

#footer+#footer-bottom {
    border-top: 1px solid #212121
}

#footer-bottom a {
    color: inherit
}

#footer-bottom .widget-tags a:hover,
#footer-bottom a:hover,
#footer-bottom h1,
#footer-bottom h2,
#footer-bottom h3,
#footer-bottom h4,
#footer-bottom h5,
#footer-bottom h6 {
    color: #fff
}

#footer-bottom .widget:last-child {
    margin-bottom: 0
}

#footer-bottom .widget-text .copyright {
    text-align: left
}

@media (max-width:767px) {
    .footer-parallax #footer-container {
        position: relative;
        z-index: 1;
        bottom: 0;
        left: 0;
        right: 0
    }
    #footer [class^=col-]+[class^=col-] {
        margin-top: 50px
    }
    #footer-bottom [class^=col-]+[class^=col-] {
        margin-top: 20px
    }
    #footer-bottom .widget-text .copyright {
        text-align: left
    }
}

.about-me {
    margin-bottom: 50px
}

.about-me-thumbnail {
    margin-bottom: 35px
}

.about-me h4 {
    margin-bottom: 0
}

.about-me h4+p {
    font-size: 12px;
    letter-spacing: 3.5px;
    text-transform: uppercase
}

.service-box {
    margin-bottom: 50px
}

.service-box-content>:last-child {
    margin-bottom: 0
}

.service-box.style-1 .service-box-content h5,
.service-box.style-2 .service-box-content h5 {
    margin-bottom: 15px;
    text-transform: uppercase
}

.service-box .service-box-content>a {
    display: inline-block;
    border-bottom: 1px solid #C5964B;
    color: #212121;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box .service-box-content>a:hover {
    color: #C5964B
}

.service-box.style-1 .service-box-content h5:before {
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 2px solid #C5964B;
    border-radius: 50%;
    margin-right: 20px;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box.style-2:before {
    position: relative;
    top: 8px;
    float: left;
    display: inline-block;
    width: 11px;
    height: 11px;
    border: 2px solid #C5964B;
    border-radius: 50%;
    margin-right: 20px;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box.style-2 .service-box-content {
    margin-left: 30px
}

.service-box.style-3>i {
    float: left;
    display: block;
    color: #C5964B;
    font-size: 42px;
    line-height: 42px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.service-box.style-3.big-icon>i {
    margin-top: 7px;
    font-size: 72px;
    line-height: 72px
}

.service-box.style-3 .service-box-content {
    margin-left: 70px
}

.service-box.style-3.big-icon .service-box-content {
    margin-left: 105px
}

.service-box.style-3 .service-box-content h5 {
    padding-top: 19px;
    margin-bottom: 15px;
    text-transform: uppercase
}

.service-box.style-3.big-icon .service-box-content h5 {
    padding-top: 0
}

.service-box.style-3:hover>i {
    color: #212121;
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.service-box.style-4>i {
    position: relative;
    z-index: 1;
    float: left;
    display: block;
    width: 60px;
    height: 60px;
    color: #fff;
    font-size: 42px;
    line-height: 60px;
    text-align: center;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.service-box.style-4>i:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #C5964B;
    content: "";
    -webkit-transition: all .5s;
    transition: all .5s
}

.service-box.style-4 .service-box-content {
    margin-left: 80px
}

.service-box.style-4 .service-box-content h4 {
    padding-top: 5px;
    margin-bottom: 30px;
    line-height: 26px
}

.service-box.style-4:hover>i:after {
    background-color: #212121
}

.service-box.style-5 {
    color: #212121
}

.service-box.style-5>i {
    display: block;
    margin-bottom: 20px;
    color: #ccc;
    font-size: 54px;
    line-height: 54px;
    -webkit-transition: all .2s;
    transition: all .2s
}

.service-box.style-5.big-icon>i {
    margin-bottom: 25px;
    font-size: 72px;
    line-height: 72px
}

.service-box.style-5 .service-box-content h5 {
    margin-bottom: 15px;
    font-weight: 400;
    letter-spacing: 2px;
    text-transform: uppercase
}

.comment-author .fn,
.comment-metadata,
.portfolio-item-details h6,
.reply a {
    letter-spacing: 3px;
    text-transform: uppercase
}

.service-box.style-5 .service-box-content>a {
    position: relative;
    bottom: -20px;
    opacity: 0;
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box.style-5:hover>i {
    color: #C5964B
}

.service-box.style-5:hover .service-box-content>a {
    bottom: 0;
    opacity: 1
}

.service-box.style-6.icon-right {
    text-align: right
}

.service-box.style-6>i {
    display: block;
    font-size: 42px;
    line-height: 42px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box.style-6.icon-left>i {
    float: left;
    margin-right: 25px
}

.service-box.style-6.icon-right>i {
    float: right;
    margin-left: 25px
}

.service-box.style-6 .service-box-content h4 {
    padding-top: 8px;
    margin-bottom: 30px
}

.service-box.style-6:hover>i {
    color: #C5964B;
    -webkit-animation: icon-zoom .4s linear;
    animation: icon-zoom .4s linear
}

@-webkit-keyframes icon-zoom {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

@keyframes icon-zoom {
    50% {
        -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
        transform: scale(1.1)
    }
}

.service-box.style-7 {
    position: relative;
    z-index: 1;
    padding: 65px 25px;
    background: center center no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff;
    text-align: center;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0)
}

.service-box.style-7:after,
.service-box.style-7:before {
    position: absolute;
    z-index: 3;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 10px;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box.style-7:before {
    border-right: 1px solid #C5964B;
    border-left: 1px solid #C5964B;
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0);
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.service-box.style-7:after {
    border-top: 1px solid #C5964B;
    border-bottom: 1px solid #C5964B;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0 100%;
    -ms-transform-origin: 0 100%;
    transform-origin: 0 100%
}

.service-box.style-7 .service-box-overlay {
    position: absolute;
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #121212;
    opacity: .9
}

.service-box.style-7 .service-box-content,
.service-box.style-7>i {
    z-index: 4;
    position: relative
}

.service-box.style-7>i {
    display: block;
    margin-bottom: 15px;
    color: #C5964B;
    font-size: 64px;
    line-height: 64px
}

.service-box.style-7 .service-box-content a {
    color: #C5964B
}

.service-box.style-7 .service-box-content a:hover {
    color: #fff
}

.service-box.style-7 .service-box-content h5 {
    text-transform: uppercase
}

.service-box.style-7:hover:before {
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1)
}

.service-box.style-7:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1)
}

@media (min-width:768px) and (max-width:991px) {
    .service-box.style-3 .service-box-content,
    .service-box.style-3.big-icon .service-box-content,
    .service-box.style-4 .service-box-content {
        margin-left: 0
    }
    .service-box.style-3>i {
        float: none
    }
    .service-box.style-3.big-icon>i {
        margin-bottom: 20px
    }
    .service-box.style-4>i {
        float: none;
        margin-bottom: 20px
    }
}

.portfolio-item {
    margin-bottom: 30px
}

.portfolio-item-thumbnail {
    position: relative
}

.portfolio-item-thumbnail:after {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border: 0 solid #fff;
    content: "";
    -webkit-transition: all .1s;
    transition: all .1s
}

.portfolio-item-hover,
.zoom-action {
    z-index: 2;
    top: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    left: 0
}

.portfolio-item-thumbnail img {
    width: 100%;
    display: block
}

.portfolio-item-hover {
    margin: 40px;
    background-color: rgba(89, 103, 214, .85);
    opacity: 0;
    -webkit-transform: scale(.7);
    -ms-transform: scale(.7);
    transform: scale(.7);
    -webkit-transition: all .2s;
    transition: all .2s
}

.zoom-action {
    text-indent: -9999px;
    cursor: url(../images/cursor.png), zoom-in
}

.portfolio-item-hover a {
    color: #fff;
    -webkit-transition: all .3s;
    transition: all .3s
}

.portfolio-item-hover a:hover {
    color: #212121
}

.portfolio-item-details {
    text-align: center
}

.portfolio-item-details h4 {
    margin-bottom: 5px
}

.portfolio-item-details h6 {
    margin-bottom: 0;
    color: #838383;
    font-size: 12px;
    font-weight: 400;
    -webkit-transition: all .3s;
    transition: all .3s
}

.portfolio-item-hover .portfolio-item-details {
    position: absolute;
    z-index: 3;
    top: 50%;
    left: 0;
    width: 100%;
    padding: 0 10px;
    opacity: 0;
    -webkit-transition: all .3s .1s;
    transition: all .3s .1s
}

.portfolio-item-hover .portfolio-item-details h6 {
    color: #fff
}

.portfolio-item-thumbnail+.portfolio-item-details {
    padding: 40px 0
}

.portfolio-item:hover .portfolio-item-thumbnail:after {
    border-width: 5px
}

.portfolio-item:hover .portfolio-item-hover {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.portfolio-item:hover .portfolio-item-hover .portfolio-item-details {
    opacity: 1;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.portfolio-item.portfolio-classic {
    margin-bottom: 50px
}

.portfolio-item.portfolio-classic .portfolio-item-thumbnail {
    float: left;
    width: 66.666667%
}

.portfolio-item.portfolio-classic .portfolio-item-details {
    float: left;
    width: 33.333333%;
    padding: 0 0 0 30px;
    text-align: left
}

.portfolio-item.portfolio-classic .portfolio-item-details h6 {
    margin-bottom: 20px
}

.portfolio-item.portfolio-classic:hover .portfolio-item-thumbnail:after {
    border-width: 0
}

.portfolio-item.portfolio-classic:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.project-details {
    margin-bottom: 40px;
    list-style: none
}

.project-details li {
    margin-bottom: 25px;
    line-height: 26px
}

.project-details li:last-child {
    margin-bottom: 0
}

.project-details li i {
    float: left;
    display: block;
    width: 52px;
    height: 52px;
    border: 1px solid #ebebeb;
    margin-right: 15px;
    font-size: 32px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all .3s;
    transition: all .3s
}

.project-details li h4 {
    margin-bottom: 0;
    line-height: 26px;
    font-weight: 500
}

.project-details li a {
    color: #878787
}

.project-details li:hover i {
    border-color: #C5964B;
    background-color: #C5964B;
    color: #fff
}

.portfolio-item.portfolio-classic .project-details li:after,
.portfolio-item.portfolio-classic .project-details:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

@media (min-width:1200px) {
    .portfolio-item.portfolio-classic .project-details li {
        float: left;
        width: 50%;
        padding-left: 15px
    }
    .portfolio-item.portfolio-classic .project-details li:nth-child(odd) {
        padding-left: 0
    }
}

@media (min-width:768px) and (max-width:991px) {
    .portfolio-item-hover {
        margin: 20px
    }
    .portfolio-item.portfolio-classic .portfolio-item-details,
    .portfolio-item.portfolio-classic .portfolio-item-thumbnail {
        float: none;
        width: 100%
    }
    .portfolio-item.portfolio-classic .portfolio-item-details {
        padding: 0;
        margin-top: 20px
    }
    .portfolio-item.portfolio-classic .project-details li {
        float: left;
        width: 50%;
        padding-left: 15px
    }
    .portfolio-item.portfolio-classic .project-details li:nth-child(odd) {
        padding-left: 0
    }
}

@media (max-width:767px) {
    .portfolio-item-hover {
        margin: 20px
    }
    .portfolio-item.portfolio-classic .portfolio-item-details,
    .portfolio-item.portfolio-classic .portfolio-item-thumbnail {
        float: none;
        width: 100%
    }
    .portfolio-item.portfolio-classic .portfolio-item-details {
        padding: 0;
        margin-top: 20px
    }
}

.blog-article {
    margin-bottom: 80px
}

.blog-article-thumbnail {
    margin-bottom: 40px
}

.blog-article-title {
    margin-bottom: 15px
}

.blog-article-details {
    margin-bottom: 20px;
    font-size: 14px
}

.blog-article-details a {
    display: inline-block;
    padding-right: 10px;
    border-right: 1px solid #838383;
    margin-right: 5px;
    color: #838383;
    line-height: 14px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.blog-article-details a:last-child {
    padding-right: 0;
    border-right: none;
    margin-right: 0
}

.blog-article-details a:before {
    margin-right: 3px;
    font-family: materia-icons;
    font-size: 20px
}

.blog-article-details a.author:before {
    content: "\e9f3"
}

.blog-article-details a.date:before {
    content: "\e920"
}

.blog-article-details a.comments:before {
    position: relative;
    top: 4px;
    content: "\e9d3"
}

.blog-article-details a:hover {
    color: #C5964B;
    text-decoration: none
}

.blog-article-content {
    font-size: 16px
}

.blog-article-content>a,
.comment-author .fn {
    font-size: 14px;
    -webkit-transition: all .3s;
    text-decoration: none
}

.blog-article-content>a {
    display: inline-block;
    border-bottom: 1px solid #C5964B;
    color: #C5964B;
    font-weight: 500;
    transition: all .3s
}

.blog-article-content>a:hover {
    border-color: #212121;
    color: #212121
}

.commentlist,
.commentlist ul {
    list-style: none
}

.commentlist {
    margin: 70px 0 100px
}

.commentlist li>ul.children {
    margin-left: 100px
}

.comment-body {
    position: relative;
    padding-left: 100px;
    margin-bottom: 65px
}

.comment-author .avatar {
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 50%
}

.comment-author .fn {
    color: #212121;
    transition: all .3s
}

.comment-author .fn:hover {
    color: #C5964B
}

.comment-author .says {
    display: none
}

.comment-metadata {
    margin-bottom: 15px;
    font-size: 11px;
    line-height: 24px
}

.comment-metadata a {
    color: #878787
}

.comment-content {
    font-size: 16px
}

.reply a {
    display: inline-block;
    border-bottom: 1px solid #C5964B;
    font-size: 12px;
    line-height: 26px;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.reply a:hover {
    border-color: #212121;
    color: #212121
}

#commentform {
    margin: 70px 0 30px
}

.commentform-author,
.commentform-email {
    float: left;
    width: 50%;
    margin-bottom: 0
}

.commentform-email {
    padding-left: 15px
}

.commentform-author {
    padding-right: 15px
}

#commentform button[type=submit] {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 12px
}

@media (max-width:767px) {
    .commentlist li>ul.children {
        margin-left: 20px
    }
    .comment-body {
        padding-left: 0
    }
    .comment-author .avatar {
        position: relative;
        display: block;
        margin-bottom: 20px
    }
    .commentform-author,
    .commentform-email {
        float: none;
        width: 100%;
        padding: 0
    }
}

#contact-form {
    margin-bottom: 0
}

#contact-form label {
    display: block
}

#contact-form label.error {
    margin-bottom: 10px;
    color: #f30d39
}

#contact-form button[type=submit] {
    margin-top: 40px;
    margin-bottom: 0;
    font-size: 12px
}

#contact-form.quick-contact-form input[type=text],
#contact-form.quick-contact-form input[type=email],
#contact-form.quick-contact-form textarea {
    background-color: transparent;
    border-color: #c1c1c1
}

#contact-form.quick-contact-form textarea {
    height: 175px
}

#contact-form.quick-contact-form button[type=submit] {
    margin-top: 0
}

#contact-form.quick-contact-form input[type=text]:focus,
#contact-form.quick-contact-form input[type=email]:focus,
#contact-form.quick-contact-form textarea:focus {
    border-color: #C5964B
}

.icons-list {
    list-style: none
}

.icons-list li {
    text-align: center;
    display: inline-block;
    padding: 10px;
    width: 13.7%;
    min-height: 100px;
    vertical-align: top
}

.icons-list li .glyphicon,
.icons-list li i {
    font-size: 20px
}

.icons-list li .icon-name {
    display: block
}

@media (min-width:768px) and (max-width:991px) {
    .icons-list li {
        width: 19%
    }
}

@media (max-width:767px) {
    .icons-list li {
        width: 49%
    }
}

@media only screen and (min-width:480px) and (max-width:767px) {
    .icons-list li {
        width: 32%
    }
}

.row {
    margin: 10px -15px
}

.table {
    text-transform: capitalize
}

.brand-color {
    color: #C5964B
}

.green {
    color: green
}

.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
    border-bottom: 1px solid #ddd;
    border-top: 0 solid #ddd
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li {
    margin-bottom: 0;
    margin-right: 0;
    float: left;
    border-bottom: 1px solid #ccc
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li.active {
    margin-bottom: 0;
    margin-right: 0;
    float: left;
    border-bottom: 0 solid #ccc
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li.active>a,
.vertical-tabs .horizontal-tabs .nav-tabs1>li.active>a:hover {
    border: none;
    background-color: #fff;
    border-bottom: 0 solid #C5964B;
    color: #000;
    border-top: 2px solid #C5964B;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc
}

.vertical-tabs .horizontal-tabs .nav-tabs1>li>a:hover {
    border: none;
    background-color: #fff;
    border-bottom: 0 solid #C5964B;
    color: #000
}

#mobile-menu-button,
.btn-spl {
    color: #C5964B
}

.marquee {
    padding: 5px 0;
    background: #FFF
}

.row-all-content {
    margin-top: 0
}

.col-all-content {
    padding: 0
}

.col-left-content {
    padding: 0 10px 0 0;
    border-right: 1px solid #ccc
}

.col-custom-menu {
    background: #FFF;
    padding: 10px 0;
    margin: 10px 0
}

.col-index-chart,
.col-market-snapshot {
    padding: 5px 0 5px 5px;
    background: #FFF
}

.col-market-snapshot {
    width: 47%;
    margin: 5px 5px 5px 0
}

.col-index-chart {
    margin: 5px 0 5px 5px
}

.col-market-data {
    background: #FFF;
    padding: 5px;
    margin: 0 0 5px
}

.col-right-content {
    padding: 0 0 0 10px
}

.col-e-service {
    background: #FFF;
    padding: 15px;
    margin: 10px 0
}

.col-our-portal,
.col-side-menu {
    background: #FFF;
    padding: 5px;
    margin: 5px 0;
    border-radius: 4px
}

.font-22-height-25 {
    font-size: 20px;
    line-height: 20px
}

.font-22-height-44 {
    font-size: 20px;
    line-height: 35px
}

.btn-spl {
    background: #fff;
    border: 1px solid #C5964B;
    margin-bottom: 0;
    padding: 12px;
    letter-spacing: 1px
}

.col-suggestion {
    margin-bottom: 0;
    padding-left: 30px
}

.p-social-media,
.second-td {
    text-align: right
}

.headline {
    margin: 10px 0 20px
}

.page_head {
    border-bottom: 1px solid #ccc
}

.headline h2 {
    font-size: 22px;
    line-height: 25px
}

.white-background {
    background: #FFF
}

.header-top-style-1.header-style-2 #header-top .widget-contact ul li.last {
    padding-right: 0
}

.no-padding {
    padding: 0
}

.padding-10 {
    padding: 10px
}

.padding-right-10 {
    padding: 0 10px 0 0
}

.padding-left-10 {
    padding: 0 0 0 10px
}

.mb-10 {
    margin-bottom: 10px
}

.cust-menu-ul,
.panel-group {
    margin-bottom: 0
}

#section-6,
.mt-10 {
    margin-top: 10px
}

.nav-tabs>li>a:hover {
    background-color: #C5964B
}

.ml-28 {
    margin-left: 28px
}

.service-box-hover {
    border: 1px solid #fff;
    border-radius: 3px;
    -webkit-transition: all .3s;
    transition: all .3s
}

.service-box-hover:hover {
    border-color: #C5964B
}

.service-box1,
.service-box2,
.service-box3 {
    border: 1px solid #C5964B;
    background-color: #FBF4EE;
    height: 350px;
    border-radius: 3px
}

#mobile-menu,
#mobile-menu ul,
#mobile-menu-button {
    background-color: #fff
}

#mobile-menu {
    border-bottom: 1px solid #C5964B
}

#mobile-menu li a {
    border-top: thin solid #C5964B;
    color: #C5964B
}

.btn {
    border-radius: 0
}

.btn-subscribe {
    background: #1F1F1F;
    border: 2px solid #C3964B;
    color: #FFF
}

.full-section.dark-section .widget-newsletter button[type=submit]:hover {
    color: #FFF;
    background: #C3964B!important;
    border: 2px solid #C3964B
}

.full-section.dark-section .widget-newsletter button[type=submit]:after {
    background-color: #C3964B
}

.header-top-style-1.header-style-2 #header-top .widget-contact ul li {
    margin-top: 35px!important
}

.widget-contact ul li i {
    position: relative;
    top: 2px;
    left: 0;
    font-size: 18px;
    line-height: 18px
}

[class*=materia-icon-menu-button],
[class^=materia-icon-menu-button] {
    font-weight: 700
}

.panel-title a:hover,
.panel-title a[aria-expanded=true] {
    background-color: #fff;
    color: #000;
    border: 0 solid #c5964b
}

.cust-menu-div {
    padding: 0 10px
}

.cust-menu-ul {
    list-style: none;
    float: left
}

.cust-menu-ul-list {
    list-style: none
}

.cust-menu-ul li {
    float: left;
    margin-right: 15px
}

.cust-menu-ul li.last {
    float: right;
    margin-right: 0
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    margin-top: 10px
}

a#custom-menu-btn:before {
    position: absolute;
    top: 50%;
    right: 20px;
    content: "+ Customize";
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .3s;
    transition: all .3s
}

a#custom-menu-btn[aria-expanded=true]:before {
    top: 23px;
    content: "- Close"
}

.cust-menu-ul li a {
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 1px;
    color: #000
}

@media (max-width:767px) {
    .marquee {
        padding: 5px 0;
        background: #FFF
    }
    .row-all-content {
        margin-top: 0
    }
    .col-all-content,
    .col-left-content {
        padding: 0
    }
    .col-custom-menu {
        display: none;
        background: #FFF;
        padding: 10px 0 10px 15px;
        margin: 10px 0
    }
    .col-index-chart,
    .col-market-data,
    .col-market-snapshot {
        background: #FFF;
        padding: 15px;
        margin: 10px 0
    }
    .col-market-snapshot {
        width: 100%
    }
    .col-right-content {
        padding: 0
    }
    .col-e-service,
    .col-our-portal,
    .col-side-menu {
        background: #FFF;
        padding: 15px;
        margin: 10px 0
    }
    .col-side-menu {
        display: none
    }
    .font-22-height-25 {
        font-size: 22px;
        line-height: 25px
    }
    .font-22-height-44 {
        font-size: 22px;
        line-height: 22px
    }
    .col-sm-12,
    .col-sm-8,
    .col-xs-12 {
        position: static
    }
    .headline:after {
        display: block;
        border-bottom: 0 solid #838383;
        margin-top: 15px;
        content: ""
    }
    .btn-spl {
        background: #fff;
        border: 1px solid #C5964B;
        color: #C5964B;
        margin-bottom: 0;
        padding: 3px;
        letter-spacing: 0
    }
    #footer-bottom .widget-text .copyright,
    .p-social-media {
        text-align: center
    }
    .headline {
        margin-bottom: 20px;
        margin-top: 20px
    }
    .headline h2 {
        font-size: 18px;
        line-height: 20px
    }
    .vertical-tabs .horizontal-tabs .nav-tabs1>li>a {
        padding: 8px
    }
    .header-style-2 #header {
        background-color: transparent
    }
    .company-image {
        width: 40%
    }
    #header .container .row {
        margin: 0 -15px
    }
    .padding-left-10,
    .padding-right-10 {
        padding: 0
    }
    .padding-side-10 {
        padding: 0;
        margin: 20px 0
    }
    .mb-10 {
        margin-bottom: 20px
    }
    .btn-subscribe {
        background: 0 0;
        border: 2px solid #C5964B
    }
}

@media (min-width:992px) and (max-width:1199px) {
    .menu>li>a {
        position: relative;
        padding: 10px 5px;
        border-bottom: none;
        margin-right: 0;
        color: #fff;
        font-size: 15px;
        font-weight: 500
    }
    .col-market-snapshot {
        background: #FFF;
        width: 46%;
        padding: 15px 0 15px 15px;
        margin: 10px 10px 10px 0
    }
    .col-index-chart {
        background: #FFF;
        padding: 10px 10px 55px;
        margin: 10px 0 10px 13px
    }
}

@media (min-width:768px) and (max-width:991px) {
    #header .container .row {
        margin: 0 -15px
    }
    .col-right-content {
        padding: 0
    }
    .col-e-service {
        background: #FFF;
        padding: 15px 15px 57px;
        margin: 10px -10px 10px 0;
        width: 46%
    }
    .col-our-portal {
        background: #FFF;
        padding: 15px;
        margin: 10px 0 10px 29px
    }
    .col-side-menu {
        display: none;
        background: #FFF;
        padding: 15px;
        margin: 10px 0
    }
}

.datebox,
.searchbox {
    display: inline-block;
    outline: 0
}

.datebox {
    border: 1px dotted #999
}

.searchbox {
    border: 1px solid #ddd;
    padding: 0 0 0 5px;
    margin-left: 15px;
    margin-bottom: 10px
}

.searchBTNnopadd {
    border: 1px dotted #999;
    outline: 0;
    padding: 0;
    display: inline-block
}

#datpicker,
#iconbtnE {
    border: 1px solid #fff;
    display: inline-block
}

#searchwrapperE {
    width: auto;
    margin: 0 auto;
    text-align: left;
    padding: 0;
    overflow: visible;
    display: inline-block
}

#datpicker {
    width: auto;
    padding: 0;
    margin: 0;
    position: fixed
}

#iconbtnE {
    width: 300px;
    float: right;
    background-color: #fff
}

.place_holder {
    background: #FFF;
    border: 1px solid #999;
    outline: 0;
    padding-left: 5px;
    width: 200px;
    color: gray;
    font-size: 12px;
    font-family: Verdana, 'Droid Arabic Kufi';
    display: inline-block
}



.hoverTable  {
    width: 100%;
   /* table-layout: fixed; */
    border-collapse: collapse
}
.snapshottable {
    width: 100%;
    
    border-collapse: collapse
}

.searchBTN {
    display: inline-block
}

.BTNBrown {
    color: gray;
    display: inline-block
}

.bkicon {
    display: inline-block
}

.white {
    background-color: #fff;
    padding-top: 10px
}

.snapshottable tr {
    border-collapse: collapse;
    font-style: normal;
    font-weight: 400
}

.snapshottable td {
    color: #825a2d;
    font-style: normal;
    font-weight: 400
}



@media (max-width:768px) {


.hoverTablealtheader {
    color: #000;
    background-color: #FBF4EE;
    height: 40px;
    padding: 5px
}

.hoverTableheader {
    background-color: #C5964B;
      font-size:x-small;
    padding-left: 1px;
    
}

.hoverTable A,
.hoverTable td {
    padding-left: 1px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTableheader,
.hoverTableheader a,
.hoverTableheaderA a,
td.hoverTableheader {
    color: #fff;
    font-size: 8px;
    text-transform: uppercase;
     
}

.hoverTable tr {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}

.hoverTable tr:hover {
    background-color: #fbf4ee
}


.hoverTable thead tr {
    border: 0
}

.hoverTablecolumn {
    background-color: #fbf4ee;
    border-right: 1px solid #ccc
}

.hoverTablealt {
    width: 90%;
    border-collapse: collapse
}

.hoverTableBG,
.hoverTablealtsect {
    width: 100%;
    border-collapse: collapse
}

.hoverTablealt td {
    padding: 1px;
    color: #825a2d;
    border: thin solid #e9e3ca
}

.hoverTablealt A {
    padding: 1px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTablealt tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}

.hoverTableBG tr:hover,
.hoverTablealt tr:hover {
    background-color: #fbf4ee
}

.hoverTablealtsect td {
    padding: 1px;
    border: thin solid #e9e3ca;
    color: #825a2d;
    font-style: normal;
   
}


.hoverTableBG A,
.hoverTableBG td {
    padding: 1px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTableBG tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}

}

@media (min-width:768px) {

.hoverTablealtheader {
    color: #000;
    background-color: #FBF4EE;
    height: 40px;
    padding: 5px
}

.hoverTableheader {
    background-color: #C5964B;
    height: 40px;
    line-height: 15px;
    padding-left: 7px;
  
}

.hoverTable A,
.hoverTable td {
    padding-left: 7px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTableheader,
.hoverTableheader a,
.hoverTableheaderA a,
td.hoverTableheader {
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 400
}

.hoverTable tr {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}

.hoverTable tr:hover {
    background-color: #fbf4ee
}


.hoverTable thead tr {
    border: 0
}

.hoverTablecolumn {
    background-color: #fbf4ee;
    border-right: 1px solid #ccc
}

.hoverTablealt {
    width: 90%;
    border-collapse: collapse
}

.hoverTableBG,
.hoverTablealtsect {
    width: 100%;
    border-collapse: collapse
}

.hoverTablealt td {
    padding: 7px;
    color: #825a2d;
    border: thin solid #e9e3ca
}

.hoverTablealt A {
    padding: 7px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTablealt tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}

.hoverTableBG tr:hover,
.hoverTablealt tr:hover {
    background-color: #fbf4ee
}

.hoverTablealtsect td {
    padding: 1px;
    border: thin solid #e9e3ca;
    color: #825a2d;
    font-style: normal;
    font-weight: 400
}


.hoverTableBG A,
.hoverTableBG td {
    padding: 4px;
    border: 0 solid #ccc;
    color: #825a2d
}

.hoverTableBG tr {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse
}


}



.b,
.goldtext,
.gridheadA {
    font-weight: 700
}



.blacktext {
    color: #000;
    font-size: 16px;
    display: inline-block
}

li.over ul,
li:hover ul,
ul.grd li a {
    display: block
}

.goldtext {
    color: #C5964B;
    font-size: 16px
}

.padd30 {
    padding: 30px
}

.padd15 {
    padding: 15px
}

.padd05 {
    padding: 5px
}

.datagrid_item {
    border-width: 0;
    padding: 8px;
    height: 30px;
    border-style: solid;
    border-color: #f4f3f2;
    background-color: #fdf6e9
}

.listMenu {
    list-style-type: none
}

.listMenu li,
li.listMenu {
    border-bottom: 1px dotted #ccc
}

.listMenu li a,
li.listMenu a {
    color: #000
}

.listMenu.alt li {
    border-bottom: 0
}

.listMenu li a:hover,
li.listMenu a:hover {
    text-decoration: none;
    color: #C5964B
}

.listMenu i {
    color: #000;
    margin-right: 10px
}

.blacklink {
    color: #000
}

.gridheadA {
    text-align: right
}

.tablefirstcell,
.textfirstcell {
    font: 400 25px/1.5 'PT Sans Narrow', sans-serif;
    -webkit-text-fill-color: transparent
}

ul.grd {
    margin: 0;
    padding: 0;
    list-style: none;
    border-bottom: 1px solid #ccc
}

ul.grd li {
    position: relative
}

ul.grd li a {
    text-decoration: none;
    color: #777;
    background: #fff;
    padding: 5px;
    border: 1px solid #ccc;
    border-bottom: 0
}

* html ul.grd li {
    float: left;
    height: 1%
}

* html ul.grd li a {
    height: 1%
}

.tablefirstcell {
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text;
    border: 1px solid #999;
    width: 60px
}

.textfirstcell {
    background: -webkit-linear-gradient(#eee, #333);
    -webkit-background-clip: text
}

.footerlink ul {
    width: 100%;
    list-style: none
}

.footerlink ul li {
    float: left;
    width: 350px;
    font-weight: 700
}

.footerlink ul li ul {
    padding: 0
}

.footerlink ul li ul li {
    float: none;
    padding: 5px 0;
    font-weight: 400
}

.alternatrow {
    background-color: #fbf4ee
}

.mwatchbtn-class {
    display: inline-block;
    border: 1px solid #C9B187;
    color: #705D07;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    font-family: Verdana;
    width: auto;
    height: auto;
    font-size: 16px;
    font-weight: 700;
    padding: 10px 40px;
    box-shadow: inset 0 1px 0 0 #FFF6CE, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D, 0 2px 4px 0 #D4D4D4;
    -moz-box-shadow: inset 0 1px 0 0 #FFF6CE, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D, 0 2px 4px 0 #D4D4D4;
    -webkit-box-shadow: inset 0 1px 0 0 #FFF6CE, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D, 0 2px 4px 0 #D4D4D4;
    text-shadow: 0 1px 0 #FFF;
    background-image: linear-gradient(to top, #C8964B, #FCE197);
    background-color: #C8964B
}

.bk_btn,
.ui-widget {
    font-family: inherit
}

.btn-class:active,
.mwatchbtn-class:hover {
    border: 1px solid #967D09;
    color: #705D07;
    box-shadow: inset 0 1px 0 0 #C8964B, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D;
    -moz-box-shadow: inset 0 1px 0 0 #C8964B, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D;
    -webkit-box-shadow: inset 0 1px 0 0 #C8964B, inset 0 -1px 0 0 #E3C852, inset 0 0 0 1px #FCE88D;
    background-color: #C8964B
}

a.goldlink:active,
a.goldlink:hover,
a.goldlink:link,
a.goldlink:visited {
    line-height: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    color: #825a2d
}

a.goldlink:active,
a.goldlink:link,
a.goldlink:visited {
    text-decoration: none
}

a.goldlink:hover {
    text-decoration: underline
}

a.bluelink:active,
a.bluelink:hover,
a.bluelink:link,
a.bluelink:visited {
    line-height: normal;
    font-variant: normal;
    text-transform: none;
    color: #00f;
    font-weight: 400
}

a.bluelink:active,
a.bluelink:link,
a.bluelink:visited {
    text-decoration: none
}

a.bluelink:hover {
    text-decoration: underline
}

.verticalLine {
    border-left: thin solid #f2e8df
}

.goldborder {
    border: 1px solid #d6d1be
}

.brownText {
    color: #825a2d;
    font-style: normal;
    font-weight: 400
}

button.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    text-align: left;
    border: none;
    outline: 0;
    transition: .4s
}

button.accordion.active,
button.accordion:hover {
    background-color: #ddd
}

div.panel {
    padding: 0 18px;
    background-color: #fff;
    display: none
}

div.panel.show,
input,
label span,
select,
textarea {
    display: block
}

.font10 {
    font-size: 10px
}

padd10 {
    padding: 10px
}

input {
    margin-right: 10px
}

input,
select,
textarea {
    max-width: 100%;
    height: 30px;
    padding: 4px 6px;
    border: 1px solid #ccc;
    background-color: #fff;
    color: #838383;
    margin-bottom: 15px
}

select {
    width: 100%;
    height: 30px
}

button,
input[type=reset],
input[type=submit],
input[type=button] {
    padding: 0 30px;
    border: none;
    border-radius: 0;
    float: none;
    display: block
}

input[type=submit] {
    margin-top: 0
}

.datetimepicker,
.datetimepicker td,
.datetimepicker th {
    border-radius: 0
}

.datetimepicker td,
.datetimepicker th {
    text-align: center;
    width: 15px;
    height: 15px;
    color: #000;
    font-size: 12px;
    line-height: 16px
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.active:hover,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active {
    background-image: none;
    border-radius: 0
}

th.dow {
    color: #C8964B
}

.icon-arrow-left:before {
    content: "\e079"
}

.icon-arrow-right:before {
    content: "\e080"
}

.checkbox-inline,
.radio-inline {
    line-height: 10px;
    margin-bottom: 30px
}

select#chart_type {
    max-width: 200px;
    float: right
}

input.date {
    width: 100%
}

a.button {
    border: none;
    background-color: #c8964b;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    transition: all .3s;
    padding: 0 30px
}

a.button:hover {
    text-decoration: none
}

a.button.button2 {
    border: 1px solid #838383;
    background: #fff;
    color: #838383;
    float: right;
    margin-left: 20px
}

a.button.button2:hover {
    background: #000;
    color: #fff
}

a.button.button2 i {
    padding-right: 20px;
    font-size: 16px
}

.dt-buttons.btn-group .btn,
.dt-buttons.btn-group .btn-default,
.dt-buttons.btn-group .buttons-copy,
.dt-buttons.btn-group .buttons-html5 {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    margin-right: .333em;
    padding: .5em 1em;
    border: 1px solid #999;
    border-radius: 2px;
    cursor: pointer;
    font-size: .88em;
    color: #000;
    white-space: nowrap;
    overflow: hidden;
    background-color: #e9e9e9;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    text-decoration: none;
    outline: 0;
    background-image: linear-gradient(to bottom, #fff 0, #e9e9e9 100%)
}

.dt-button.active a,
.dt-button:hover a {
    background: 0 0;
    color: #000
}

.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    background: #C5964B;
    color: #fff
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.active:hover,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active {
    background-image: none
}

table.dataTable thead>tr>td.sorting,
table.dataTable thead>tr>td.sorting_asc,
table.dataTable thead>tr>td.sorting_desc,
table.dataTable thead>tr>th.sorting,
table.dataTable thead>tr>th.sorting_asc,
table.dataTable thead>tr>th.sorting_desc {
    padding-right: 10px
}

table.dataTable thead .sorting::after {
    content: ''
}

#bulletin_table {
    font-size: 11px;
    line-height: 12px
}

.ui-datatable-header {
    background: #C5964B
}

#bulletin_table_paginate .pagination li a {
    font-size: 11px;
    line-height: 12px;
    font-weight: 700
}

#bulletin_table_paginate .pagination li.active a {
    top: 0
}

.dt-buttons.btn-group .btn-default::after {
    background-color: inherit
}

.colored {
    color: green
}

.red {
    color: red
}

#bulletin_table thead tr {
    color: #000;
    text-transform: uppercase
}

.multiselect {
    background: #fff;
    border: 1px solid #838383;
    color: #838383;
    font-size: 12px;
    letter-spacing: 0
}

.multiselect.btn.btn-default::after,
.multiselect.btn.btn-default:focus,
.multiselect.btn.btn-default:hover {
    background: 0 0;
    text-shadow: none;
    color: #838383
}

.multiselect-search {
    width: 95%;
    margin: 0 auto
}

.multiselect-item.filter {
    margin-bottom: 20px;
    border-bottom: none
}

.multiselect-container .checkbox input {
    margin-top: -5px
}

.multiselect-native-select .btn-group,
.multiselect-native-select button.multiselect {
    max-width: 100%
}

.multiselect-container>li {
    padding-bottom: 0;
    border-bottom: 1px solid #eee
}

.multiselect-container>li.active:focus a,
.multiselect-container>li:focus a {
    background: #fff;
    color: #000
}

.multiselect-container>li.active a,
.multiselect-container>li.active:hover a,
.multiselect-container>li:hover a {
    background: #C8964B
}

.chartContainers {
    width: 95%;
    margin: 0 auto;
    padding: 20px
}

.highcharts-menu {
    background: #fff
}

.highcharts-button span {
    pointer-events: none;
    top: 2px!important;
    font-size: 14px!important
}

#indexes_holder .multiselect.btn {
    border-radius: 0!important;
    padding: 6px 12px
}

.menu>li:last-child>ul ul {
    left: -100%;
    right: 100%
}

#ContentMatter_GRDBoard {
    border: none
}

.ui-autocomplete.ui-front {
    max-width: 350px
}

.ui-widget {
    font-size: 12px
}

.stock_down,
.stock_up {
    margin: 10px 10px 0;
    font-size: 10px;
    float: left
}

.stock_down.alt,
.stock_up.alt {
    margin: 10px 4px 0;
    font-size: 10px;
    float: none
}

.stock_down {
    color: red
}

.stock_up {
    color: green
}

.hoverTable tbody td:not(:first-child) {}

.hoverTable.alt tbody td {
    text-align: left!important
}

.bk_btn {
    background: #C5964B;
    padding: 5px 10px;
    margin-right: 10px;
    color: #fff;
    margin-top: 0!important
}

.bk_btn:focus,
.bk_btn:hover {
    color: #fff;
    background: #000;
    text-decoration: none;
    -webkit-transition: all .3s;
    transition: all .3s
}

.footer-menu {
    margin-bottom: 0
}

.footer-menu .menu a {
    font-weight: 700;
    font-size: 15px
}

.bk_copyright {
    margin: 0 0 30px;
    border-top: 1px solid #999;
    padding-top: 20px
}

#iconbtnE {
    margin-top: 20px
}

.bk_btn2,
input.bk_btn2 {
    font-family: icomoon!important;
    margin: 0 10px 0 0;
    width: 40px;
    text-align: center;
    padding: 0;
    background: linear-gradient(to bottom, #f9f9f9 5%, #e9e9e9 100%) #f9f9f9;
    border-radius: 6px;
    border: 1px solid #dcdcdc;
    display: inline-block;
    cursor: pointer;
    color: #666;
    font-size: 22px;
    text-decoration: none;
    height: 40px;
    line-height: 40px
}

.bk_btn2:hover,
input.bk_btn2:hover {
    background: #000;
    color: #fff;
    font-weight: 400;
    border-color: #000;
    text-decoration: none
}

.icon-moon {
    font-size: 24px!important;
    text-align: center;
    color: #000
}

#submitbutton {
    margin-top: 30px
}

[class*="glyphicon icon-"],
[class^="glyphicon icon-"] {
    font-family: 'Glyphicons Halflings'!important
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.active:hover,
.datetimepicker table tr td span.active.disabled.active,
.datetimepicker table tr td span.active.disabled.active:hover,
.datetimepicker table tr td span.active.disabled:active,
.datetimepicker table tr td span.active.disabled:hover:active,
.datetimepicker table tr td span.active:active,
.datetimepicker table tr td span.active:hover:active,
.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.active:hover,
.datetimepicker table tr td.active.disabled.active,
.datetimepicker table tr td.active.disabled.active:hover,
.datetimepicker table tr td.active.disabled:active,
.datetimepicker table tr td.active.disabled:hover:active,
.datetimepicker table tr td.active:active,
.datetimepicker table tr td.active:hover:active {
    background-color: #C5964B!important
}

.capitalize {
    text-transform: capitalize;
}

.bold {
    font-weight: bold!important;
}

.light {
    font-weight: 300!important;
}

.no-margin {
    margin: 0;
}

.no-padding {
    padding: 0
}

.fs-10 {
    font-size: 10px!important;
}

.fs-11 {
    font-size: 11px!important;
}

.fs-12 {
    font-size: 12px!important;
}

.fs-13 {
    font-size: 13px!important;
}

.fs-14 {
    font-size: 14px!important;
}

.fs-15 {
    font-size: 15px!important;
}

.fs-16 {
    font-size: 16px!important;
}

.lh-normal {
    line-height: normal;
}

.text-black {
    color: #2c2c2c!important;
}

.text-white {
    color: #fff!important;
}