*{
	    font-family: Raleway, sans-serif !importan;
}
.cabin,
body,
html {
    /*  font-family: Raleway, sans-serif ; */
	    font-family: Raleway, sans-serif !importan;
}
#pageloader,
body,
html {
    height: 100%;
    width: 100%
}
.btn,
.spinner div {
    display: inline-block
}
.btn,
.v-center {
    vertical-align: middle
}
.italic,
.tooltip-inner {
    font-style: italic
}
.boxed,
.inner {
    max-width: 1170px
}
body,
html {
    padding: 0;
    margin: 0;
    font-size: 16px;
    -webkit-font-smoothing: subpixel-antialiased
}
body {
    overflow-x: hidden!important
}
.cover,
section {
    background-size: cover!important;
    background-position: center center;
    background-repeat: no-repeat
}
::selection {
    color: #fff
}
img {
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-user-drag: none;
    user-drag: none
}
.cabin {
    line-height: normal
}
a,
a:hover,
button,
button:hover {
    text-decoration: none;
    outline: 0;
    color: #fff
}
a:focus,
button:focus {
    outline: 0;
    text-decoration: none
}
#pageloader {
    position: fixed;
    top: 0;
    z-index: 99999
}
.inner,
.spinner {
    position: relative
}
#pageloader.white-loader {
    background-color: #9a1b24
}
.spinner {
    margin: -9px auto 0;
    width: 70px;
    text-align: center;
    top: 50%
}
.spinner div {
    width: 18px;
    height: 18px;
    border-radius: 100%;
    top: 50%;
    margin-top: 9px;
    -webkit-animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    animation: sk-threeBounceDelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}
.white-loader .spinner div {
    background-color: #333
}
.dark-loader .spinner div {
    background-color: #dedede
}
.spinner .bounce1 {
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}
.spinner .bounce2 {
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s
}
@-webkit-keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@keyframes sk-threeBounceDelay {
    0%, 100%, 80% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    40% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}
@-webkit-keyframes jump-icon {
    0%, 100%, 20%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
@keyframes jump-icon {
    0%, 100%, 20%, 80% {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
    50% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px)
    }
}
.jump {
    -webkit-animation: jump-icon 2s infinite ease-in-out;
    animation: jump-icon 2s infinite ease-in-out
}
@-webkit-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}
@-moz-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}
@-ms-keyframes BackgroundAnimation {
    from {
        background-position: 0 0
    }
    to {
        background-position: 9600px 0
    }
}
.animated-bg {
    background-size: cover;
    background-position: 50% 50%;
    background-attachment: fixed!important;
    background-repeat: repeat;
    -webkit-animation: BackgroundAnimation 500s linear infinite;
    -moz-animation: BackgroundAnimation 500s linear infinite;
    -ms-animation: BackgroundAnimation 500s linear infinite
}
blockquote {
    border-left: 2px solid #eee;
    padding: 5px 12px
}
.btn {
    padding: 5px 8px;
    letter-spacing: .7px;
    line-height: 10px;
    white-space: nowrap;
    border-radius: 2px;
    font-weight: 300;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.icon,
.icons-listing div {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.btn:active,
.btn:focus {
    box-shadow: none
}
.b-shadow,
.second-nav {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .05)
}
.btn span {
    display: block;
    margin-top: 7px;
    font-size: 12px;
    opacity: .8;
    line-height: 8px
}
.icon,
.icons-listing i {
    display: inline-block;
    text-align: center
}
.white-btn {
    background: #fff;
    color: #1b1b1b
}
.light-btn,
.white-btn:hover {
    background: #ebebeb;
    color: #1b1b1b
}
.colored-btn,
.colored-btn:focus,
.colored-btn:hover,
.dark-btn,
.dark-btn:focus,
.dark-btn:hover {
    color: #fff
}
.light-btn:hover {
    opacity: .7
}
.colored-btn:hover {
    opacity: .85
}
.white-border-btn,
.white-border-btn:focus {
    border: 1px solid rgba(255, 255, 255, .7);
    color: #fff;
    background: 0 0
}
.white-border-btn:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1b1b1b
}
.dark-border-btn,
.dark-border-btn:focus {
    border: 1px solid rgba(0, 0, 0, .7);
    color: #1b1b1b;
    background: 0 0
}
.dark-border-btn:hover {
    border: 1px solid #222;
    background: #222;
    color: #fff
}
.circle-btn {
    border-radius: 40px
}
.mini-btn {
    padding: 6px 11px;
    font-size: 12px
}
.small-btn {
    padding: 8px 15px;
    font-size: 13px
}
.medium-btn {
    padding: 10px 25px;
    font-size: 14px
}
.large-btn {
    padding: 14px 35px;
    font-size: 15px
}
.xlarge-btn {
    padding: 16px 45px;
    font-size: 16px
}
.icon {
    border-radius: 2px;
    transition: all .3s
}
.white-icon {
    background: #fff;
    color: #1b1b1b
}
.light-icon,
.white-icon:hover {
    background: #ebebeb;
    color: #1b1b1b
}
.colored-icon,
.colored-icon:focus,
.colored-icon:hover,
.dark-icon,
.dark-icon:focus,
.dark-icon:hover {
    color: #fff
}
.light-icon:hover {
    opacity: .9
}
.colored-icon:hover {
    opacity: .85
}
.white-border-icon,
.white-border-icon:focus {
    border: 1px solid rgba(255, 255, 255, .7);
    color: #fff;
    background: 0 0
}
.white-border-icon:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1b1b1b
}
.dark-border-icon,
.dark-border-icon:focus {
    border: 1px solid rgba(0, 0, 0, .7);
    color: #1b1b1b;
    background: 0 0
}
.dark-border-icon:hover {
    border: 1px solid #222;
    background: #222;
    color: #fff
}
.mini-icon {
    width: 35px;
    height: 35px;
    line-height: 35px;
    font-size: 13px
}
.small-icon {
    width: 40px;
    height: 40px;
    line-height: 40px
}
.medium-icon {
    width: 55px;
    height: 55px;
    line-height: 55px
}
.large-icon {
    width: 70px;
    height: 70px;
    line-height: 70px
}
.xlarge-icon {
    width: 85px;
    height: 85px;
    line-height: 85px
}
.icons-listing div {
    width: 20%;
    float: left;
    font-size: 0;
    cursor: default;
    border: 1px solid #efefef;
    margin: -1px -1px 0 0;
    background: #fff;
    transition: all .3s
}
.icons-listing i,
.span-with-border {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.icons-listing i {
    border-right: 1px solid #efefef;
    font-size: 16px;
    padding: 12px;
    width: 45px;
    transition: all .3s
}
.block,
code,
pre {
    display: block
}
.icons-listing div:hover {
    background: #fafafa;
    position: relative;
    z-index: 2;
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}
.icons-listing div:hover i {
    color: #fff!important;
    border-right: none
}
.icons-listing div span {
    font-size: 14px;
    color: #999
}
.righteous {
   /*  font-family: Righteous, cursive!important */
       font-family: Raleway, sans-serif !importan;
}
.extrabold {
    font-weight: 900
}
.bold {
    font-weight: 700
}
.semibold {
    font-weight: 600
}
.normal {
    font-weight: 400
}
.light {
    font-weight: 300
}
.extra-light {
    font-weight: 200
}
#member-modals .modal-dialog a.close span,
.thin {
    font-weight: 100
}
.uppercase {
    text-transform: uppercase
}
.capitalize {
    text-transform: capitalize!important
}
.antialiased {
    -webkit-font-smoothing: antialiased!important
}
.h1 {
    font-size: 36px
}
.h2 {
    font-size: 30px
}
.h3 {
    font-size: 24px
}
.h4 {
    font-size: 18px
}
.h5 {
    font-size: 14px
}
.h6 {
    font-size: 12px
}
.note,
code,
pre {
    font-size: 13px
}
.span-with-bg {
    padding: 10px
}
.span-with-border {
    padding: 12px 14px;
    border: 1px solid;
    transition: all .3s
}
#navigation-type2,
.st {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.note {
    color: #a4a4a4;
    line-height: 22px
}
code,
pre {
    margin: 10px 0;
    background-color: #fafafa;
    border: none;
    color: #777;
    font-family: raleway, Helvetica Neue, Helvetica, Arial, sans-serif;
    padding: 10px 7px
}
.container {
    width: 100%;
    height: auto;
    padding: 0;
    margin: 0
}
.boxed,
.header,
.header+p,
.inner {
    margin: 0 auto
}
.inner {
    width: 100%;
    height: auto;
    padding: 80px 0
}
.inner:after,
.inner:before {
    clear: both
}
.five {
    width: 20%
}
.boxed {
    width: 100%;
    height: auto
}
.circle {
    border-radius: 100%
}
.fullwidth {
    width: 100%;
    max-width: 100%
}
.fullscreen {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.transparent {
    background: 0 0!important
}
.no-padding {
    padding: 0!important
}
.no-padding-top {
    padding-top: 0!important
}
.no-padding-right {
    padding-right: 0!important
}
.no-padding-left {
    padding-left: 0!important
}
.no-padding-bottom {
    padding-bottom: 0!important
}
.no-margin {
    margin: 0!important
}
.no-margin-top {
    margin-top: 0!important
}
.no-margin-right {
    margin-right: 0!important
}
.no-margin-left {
    margin-left: 0!important
}
.no-margin-bottom {
    margin-bottom: 0!important
}
.margin-top {
    margin-top: 20px!important
}
.margin-left {
    margin-left: 20px!important
}
.margin-right {
    margin-right: 20px!important
}
.margin-bottom {
    margin-bottom: 20px!important
}
.relative {
    position: relative!important
}
.absolute {
    position: absolute!important
}
.fixed {
    position: fixed!important
}
.inline-block {
    display: inline-block
}
.table {
    display: table
}
.fixed-bg {
    background-attachment: fixed!important
}
.f-left {
    float: left
}
.f-right {
    float: right
}
#pagetop a,
.nav-menu ul li {
    float: left;
    text-align: center
}
.z-1 {
    z-index: 1
}
.z-2 {
    z-index: 2
}
.z-3 {
    z-index: 3
}
.op-01 {
    opacity: .1
}
.op-02 {
    opacity: .2
}
.op-03 {
    opacity: .3
}
.op-04 {
    opacity: .4
}
.op-05 {
    opacity: .5
}
.op-06 {
    opacity: .6
}
.op-07 {
    opacity: .7
}
.op-08 {
    opacity: .8
}
.op-09 {
    opacity: .9
}
.st {
    transition: all .3s
}
.c-default {
    cursor: default
}
.c-pointer {
    cursor: pointer
}
.c-move {
    cursor: move
}
ol.list-circle,
ul.list-circle {
    list-style-type: circle;
    padding-left: 15px
}
ol.list-disc,
ul.list-disc {
    list-style-type: disc;
    padding-left: 15px
}
ol.list-numbers,
ul.list-numbers {
    list-style-type: circle;
    padding-left: 15px
}
ol.list-latin,
ul.list-latin {
    list-style-type: lower-latin;
    padding-left: 15px
}
.colored-list li {
    position: relative;
    padding-left: 20px
}
.colored-list li:before {
    display: block;
    position: absolute;
    width: 13px;
    height: 13px;
    text-align: center;
    line-height: 13px;
    font-size: 10px;
    left: 0;
    content: "\f105";
    top: 3px;
    border-radius: 100%;
    font-family: FontAwesome;
    color: #fff
}
.v-bottom,
.v-center,
.v-top {
    display: table-cell
}
.pattern-black:before,
.pattern-white:before {
    content: '';
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}
.animated {
    visibility: hidden
}
.visible {
    visibility: visible
}
.pattern-white:before {
    background: url(../images/pattern-white.png)
}
.pattern-black:before {
    background: url(../images/pattern-black.png)
}
.t-left {
    text-align: left!important
}
.t-center {
    text-align: center!important
}
.t-right {
    text-align: right!important
}
.t-justify {
    text-align: justify!important
}
.v-top {
    vertical-align: top
}
.v-bottom {
    vertical-align: bottom
}
.dark-red-bg:before,
.light-bg:before {
    top: 0;
    display: block;
    content: '';
    width: 100%;
    height: 100%;
    left: 0
}
.ws-normal {
    white-space: normal
}
.ws-nowrap {
    white-space: nowrap
}
.ws-preline {
    white-space: pre-line
}
.mw-300 {
    max-width: 300px
}
.mw-400 {
    max-width: 400px
}
.mw-500 {
    max-width: 500px
}
.mw-600 {
    max-width: 600px
}
.white {
    color: #fff
}
.black{
	color:#111 !important;
}
.gray {
    color: #939393
}
.gray-light {
    color: #ddd
}
.t-shadow {
    text-shadow: 2px 2px 2px rgba(0, 0, 0, .2)
}
.white::-webkit-input-placeholder {
    color: #fff
}
.white:-moz-placeholder {
    color: #fff
}
.white::-moz-placeholder {
    color: #fff
}
.white:-ms-input-placeholder {
    color: #fff
}
.white-bg {
    background-color: #fff!important
}
.gray-bg {
    background-color: #fdfdfd!important
}
.gray-bg-1 {
    background-color: #fafafa!important
}
.gray-bg-2 {
    background-color: #f0f0f0!important
}
.glass-bg {
    background-color: rgba(255, 255, 255, .1)
}
.light-bg {
    position: relative
}
.light-bg:before {
    background-color: rgba(255, 255, 255, .9);
    position: absolute
}
.dark-red-bg {
    position: relative
}
.dark-red-bg:before {
    background-color: rgba(40, 32, 32, .75);
    position: absolute
}
.black-white {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray
}
.no-black-white {
    -webkit-filter: grayscale(0)!important;
    -moz-filter: grayscale(0)!important;
    -ms-filter: grayscale(0)!important;
    -o-filter: 0(0)!important;
    filter: grayscale(0)!important;
    filter: none!important
}
.black-white-hover {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    transition: all 1s
}
.black-white-hover:hover {
    -webkit-filter: grayscale(0)!important;
    -moz-filter: grayscale(0)!important;
    -ms-filter: grayscale(0)!important;
    -o-filter: 0(0)!important;
    filter: grayscale(0)!important;
    filter: none!important
}
.border-1px {
    border: 1px solid
}
.border-2px {
    border: 2px solid
}
section.border-1px+section.border-1px,
section.border-2px+section.border-2px {
    border-top: transparent
}
.soft-border {
    border-color: #f1f1f1
}
section.soft-border {
    border-left: transparent;
    border-right: transparent
}
.gray-border {
    border-color: gray
}
.no-border {
    border: none!important
}
.no-border-top {
    border-top: none!important
}
.no-border-bottom {
    border-bottom: none!important
}
.no-border-left {
    border-left: none!important
}
.no-border-right {
    border-right: none!important
}
.white-border {
    border-color: #fff!important
}
.bigger {
    font-size: 95px
}
.big {
    font-size: 70px
}
.text-50 {
    font-size: 50px
}
.text-40 {
    font-size: 40px
}
.text-30 {
    font-size: 30px
}
.text-20 {
    font-size: 20px
}
.mobile-bg {
    position: relative
}
.mobile-bg:after {
    width: 100%;
    height: 100%;
    position: absolute;
    content: '';
    display: block;
    background-size: cover
}
.header-style-1:after,
.t-left.header-style-1:after {
    height: 1px;
    content: '';
    width: 30px;
    display: block
}
.b-scroll {
    background-attachment: scroll!important;
    background-size: cover;
    background-position: center center
}
.header {
    padding-top: 0;
    font-size: 30px;
    text-transform: uppercase
}
.header.righteous {
    -webkit-font-smoothing: antialiased
}
.header.small-header {
    font-size: 22px!important
}
.header+p {
    max-width: 650px
}
.header.header-style-1 {
    margin-bottom: 45px;
    line-height: normal
}
.header-style-1:after {
    position: relative;
    bottom: -20px;
    margin: 0 auto
}
.t-left.header-style-1:after {
    position: relative;
    bottom: -25px;
    margin: 0
}
.dark.header-style-1:after,
.white.header-style-1:after {
       background: #9a1b24;
    width: 180px;
    height: 3px;
    background-size: contain;
}
.header-style-1.header+p {
    max-width: 900px;
    padding: 0 15px;
    margin: 0 auto
}
.white.header+p {
    color: #b6b6b6
}
.header-first {
    font-size: 24px
}
.black-bg .header-first,
.dark-bg .header-first,
.xdark-bg .header-first,
.xxdark-bg .header-first {
    color: #fff
}
.light-bg .header-first {
    color: #636363
}
.header-style-2.header {
    font-size: 40px
}
.header-style-2.header+p {
    font-size: 15px;
    margin-top: 15px
}
.header-style-2.strip+p:after {
    position: relative;
    content: '';
    bottom: -22px;
    width: 30px;
    height: 1px;
    margin: 0 auto;
    display: block
}
.t-left.header-style-2.strip+p:after {
    margin-left: 0
}
.dark.header-style-2.strip+p:after {
    background-color: #9d9d9d
}
.white.header-style-2.strip+p:after {
    background-color: #fff
}
.header-style-3.header {
    font-size: 22px;
    text-align: left;
    position: relative;
    display: table-cell;
    margin-left: 0
}
.header-style-3+.header_rows,
.header-style-3+.header_rows.double-rows:before {
    height: 1px;
    right: 0;
    background: #ebebeb;
    position: absolute;
    width: 100%;
    content: ''
}
.header-style-3+.header_rows {
    margin-top: -13px
}
.header-style-3+.header_rows.double-rows {
    margin-top: -10px
}
.header-style-3+.header_rows.double-rows:before {
    top: -5px
}
.header-style-3.header+p {
    font-size: 15px;
    margin-top: 15px;
    margin-left: 0
}
#pagetop {
    width: 100%;
    height: auto;
    top: 0;
    position: relative;
    padding: 0
}
#pagetop .pagetop_inner {
    width: 100%;
    height: auto;
    max-width: 1170px;
    margin: 0 auto
}
#pagetop p {
    padding: 0;
    font-size: 14px;
    line-height: 17px
}
#pagetop a {
    display: block;
    margin: 0;
    padding: 0 3px;
    font-size: 14px;
    width: 40px;
    height: 100%;
    line-height: 42px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#navigation .navigation,
#pagetop.transparent-pagetop {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    position: relative
}
#pagetop .socials,
#pagetop .texts {
    height: 40px
}
#pagetop a:hover {
    color: #fff!important
}
#pagetop.dark-pagetop p,
#pagetop.white-pagetop p {
    color: #a0a0a0
}
#pagetop.white-pagetop {
    border-bottom: 1px solid #efefef;
    background: #008f78
}
#pagetop.white-pagetop a {
    border-left: solid 1px #efefef
}
#pagetop.white-pagetop a:last-child {
    border-right: solid 1px #efefef
}
#pagetop.dark-pagetop {
    border-bottom: 1px solid #212121;
    background: #1f1f1f
}
#pagetop.dark-pagetop a {
    color: #cbcbcb;
    border-left: solid 1px #212121
}
#pagetop.dark-pagetop a:last-child {
    border-right: solid 1px #212121
}
#pagetop.transparent-pagetop {
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    background:#9a1b24;
    z-index: 0;
    transition: all .5s
}
#navigation .navigation.first-nav:hover,
#pagetop.transparent-pagetop:hover {
    background-color: #9a1b24;
}
#pagetop.transparent-pagetop p {
    color: #fff
}
#pagetop.transparent-pagetop a {
    color: #fff;
    border-left: solid 1px transparent
}
#pagetop.transparent-pagetop a:last-child {
    border-right: solid 1px transparent
}
#navigation {
    position: relative;
    top: 0;
	margin-top:0 !important;
    z-index: 0;
    height: 70px;
    width: 100%
}
#navigation .navigation {
    width: 100%;
    top: 0;
    transition: all .5s
}
#navigation+.navigation,
.navigation .logo img {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}
#navigation+.navigation {
    top: -70px;
    position: fixed;
    z-index: 1000;
    width: 100%;
    transition: all .5s
}
.mobile-nav-button {
    display: none;
    position: absolute;
    width: 55px;
    height: 55px;
    line-height: 55px;
    background: 0 0;
    right: 10px;
    top: 50%;
    font-size: 22px;
    cursor: pointer;
    text-align: center;
    margin-top: -28px
}
.relative-nav .nav a,
.second-nav .nav-menu ul li a {
    line-height: 70px
}
.white-nav.relative-nav .mobile-nav-button,
.white-nav.second-nav .mobile-nav-button {
    color: #111
}
.mobile-nav-button:active {
    background: rgba(255, 255, 255, .05)
}
.nav-inner {
    width: 100%;
    height: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 0
}
.first-nav,
.relative-nav .navigation,
.second-nav {
    height: 70px
}
.first-nav {
    background-color: #9a1b24;
    top: 0
}
.first-nav .nav-menu ul li>a {
    line-height: 70px;
    color: #fff
}
.second-nav {
    position: fixed!important
}
.second-nav.white-nav {
    background-color: #9a1b24;
}
.second-nav.dark-nav ul li a {
    color: #fff
}
.second-nav.white-nav ul li a {
    color:#fff;
}
.second-nav.dark-nav .nav-menu ul li a:hover {
    background: rgba(25, 25, 25, .4)
}
.second-nav.white-nav .nav-menu ul li a:active,
.second-nav.white-nav .nav-menu ul li a:hover {
    background:#9a1b24
}
.navigation .nav-menu ul li a:focus,
.navigation .nav-menu ul li.active a {
    background: 0 0
}
.first-nav .nav-menu ul li:hover:after {
    opacity: 1;
    width: 100%
}
.relative-nav {
    position: relative!important;
    margin-top: 0!important
}
.relative-nav .white-nav {
    background-color: #fcfcfc
}
.relative-nav .white-nav .nav a {
    color: #505050
}
.relative-nav .white-nav a:hover {
    background: #fafafa
}
.relative-nav .dark-nav a:hover {
    background: #1e1e1e
}
.navigation .logo {
    width: auto;
    height: auto;
    left: 0;
    top: 50%;
    position: relative;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}
.navigation .logo img {
    width: auto;
    height: auto;
    max-height: 55px;
    transition: all .5s
}
.nav-menu {
    width: auto;
    height: 100%
}
.nav-menu ul {
    display: block;
    width: auto;
    height: 100%;
    position: relative
}
.nav-menu ul li {
    width: auto;
    height: 100%
}
.nav-menu ul li a {
    display: inline-block;
    height: 100%;
    line-height: 90px;
    padding: 0 15px;
    font-size: 11px;
    background: 0 0;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.nav-menu ul.big-texts li a {
    font-size: 14px
}
.first-nav .nav-menu ul li a:hover {
    background: 0 0
}
.nav-menu ul.dropdown-menu {
    height: auto;
    margin: 0;
    box-shadow: none;
    border-radius: 0;
    padding: 0;
    position: absolute;
    display: none;
    width: auto!important;
    white-space: nowrap;
    border: none
}
.white-nav .nav-menu ul.dropdown-menu {
    background-color: rgba(255, 255, 255, 1)
}
.nav-menu ul.dropdown-menu li {
    float: none;
    width: 100%;
    text-align: left;
    border-bottom: 1px solid #ddd
}
.nav-menu ul.dropdown-menu li:first-child {
    border-top: 1px solid #ddd
}
.nav-menu ul.dropdown-menu li a,
.relative-nav .nav-menu ul.dropdown-menu li a {
    line-height: normal;
    padding: 10px;
    display: block;
    font-size: 11px;
    background: 0 0;
    -webkit-font-smoothing: antialiased
}
.nav-menu ul.dropdown-menu li a:hover {
    background: 0 0!important;
    border: none!important
}
.first-nav .nav-menu ul.dropdown-menu li:hover:after {
    opacity: 0
}
#navigation-type2 {
    width: 100%;
    height: 60px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    z-index: 999;
    background: 0 0;
    transition: all .3s
}
#navigation-type2.dark-nav,
#navigation-type2.white-nav {
    border-bottom: 1px solid rgba(200, 200, 200, .1)
}
#navigation-type2 .nav-inner {
    width: 100%;
    height: 60px;
    padding: 0 15px;
    max-width: 1170px;
    margin: 0 auto;
    position: relative
}
#navigation-type2 .nav-menu span {
    position: absolute;
    right: 0;
    top: 17px;
    font-family: FontAwesome;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 25px;
    display: block;
    cursor: pointer;
    opacity: .7;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#navigation-type2 .nav-menu span:hover {
    opacity: .9
}
#navigation-type2 .nav-menu ul li a {
    display: inline-block;
    height: 100%;
    line-height: 22px;
    padding: 10px 25px;
    font-size: 13px;
    letter-spacing: .2px;
    background: 0 0;
    position: relative;
    width: 100%;
    text-align: left;
    margin: 0
}
#navigation-type2 .nav-menu ul li a:after {
    display: none
}
#navigation-type2 .nav-menu ul li:first-child a {
    padding-top: 20px
}
#navigation-type2 .nav-menu ul li:last-child a {
    padding-bottom: 20px
}
#navigation-type2 .nav-menu ul {
    display: none;
    margin-right: 0;
    top: 100%;
    height: auto
}
#navigation-type2 .nav-menu ul li {
    float: none;
    min-width: 250px;
    height: auto;
    margin: 0
}
#navigation-type2.dark-nav {
    background-color: rgba(17, 17, 17, .1)
}
#navigation-type2.dark-nav .nav-menu ul,
#navigation-type2.white-nav.active .nav-menu ul {
    background-color: rgba(17, 17, 17, .9)
}
#navigation-type2.dark-nav .nav-menu ul li a,
#navigation-type2.white-nav.active .nav-menu ul li a {
    color: #ddd
}
#navigation-type2.white-nav .nav-menu ul {
    background-color: rgba(255, 255, 255, .9)
}
#navigation-type2.white-nav .nav-menu ul li a {
    color: #666
}
#navigation-type2.active {
    background-color: rgba(17, 17, 17, .9)
}
.search-form input {
    padding: 0 5px;
    border: none
}
.search-form button {
    border: none;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%
}
.white-nav .search-form button {
    background-color: #fdfdfd;
    color: #aaa
}
.navigation .socials {
    width: auto;
    height: 100%;
    position: relative;
    display: table
}
.navigation .socials a {
    display: table-cell;
    vertical-align: middle;
    opacity: .7;
    padding-left: 20px;
    color: inherit;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.navigation .socials a:hover {
    opacity: 1
}
.nav-menu ul.dropdown-menu .submenu {
    float: none!important;
    min-width: 200px!important;
    width: auto!important;
    display: inline-block!important;
    top: 0;
    position: relative;
    margin: 0!important;
    padding: 10px;
    vertical-align: top
}
.nav-menu ul.dropdown-menu .submenu_column {
    margin-top: 36px
}
.nav-menu ul.dropdown-menu a.menu-title+.submenu_column {
    margin-top: 0
}
.nav-menu ul.dropdown-menu .submenu a {
    font-size: 13px!important;
    -webkit-font-smoothing: antialiased;
    font-family: tahoma, sans-serif!important;
    text-transform: capitalize;
    font-weight: 400;
    width: auto;
    display: table!important
}
.nav-menu ul.dropdown-menu .submenu a.menu-title {
    font-size: 11px;
    font-weight: 600;
    cursor: default
}
.dark-nav .nav-menu ul.dropdown-menu a.menu-title {
    color: #bbb
}
.white-nav .nav-menu ul.dropdown-menu a,
.white-nav .nav-menu ul.dropdown-menu a.menu-title {
    color: #888
}
.white-nav .nav-menu ul.dropdown-menu a:hover {
    background-color: #fbfbfb!important
}
.dark-nav .nav-menu ul.dropdown-menu .submenu_column a:hover,
.navigation .nav-menu ul.dropdown-menu a.menu-title:hover,
.white-nav .nav-menu ul.dropdown-menu .submenu_column a:hover {
    background-color: transparent!important
}
.white-nav .nav-menu ul.dropdown-menu .submenu_column a {
    color: #777
}
.dark-nav .nav-menu ul.dropdown-menu a {
    color: #ccc
}
.nav-menu ul.dropdown-menu .submenu a.label {
    text-align: left;
    position: relative
}
a.label span {
    position: absolute;
    left: 100%;
    bottom: 50%;
    display: block;
    padding: 2px 5px 0;
    font-size: 11px;
    font-weight: 700;
    background-color: #e62525;
    border-color: #e62525;
    z-index: 2;
    color: #fff;
    font-family: raleway, sans-serif!important
}
a.label span:before {
    content: '';
    background: 0 0;
    color: red;
    position: absolute;
    left: -6px;
    bottom: 3px;
    border-bottom: 8px solid transparent;
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom-color: inherit;
    z-index: 1
}
a.label span.red {
    background-color: #e62525;
    border-color: #e62525
}
a.label span.blue {
    background-color: #258de6;
    border-color: #258de6
}
a.label span.green {
    background-color: #36ba6e;
    border-color: #36ba6e
}
a.label span.orange {
    background-color: #ed891d;
    border-color: #ed891d
}
a.label span.purple {
    background-color: #c31ded;
    border-color: #c31ded
}
a.label span.black {
    background-color: #181818;
    border-color: #181818
}
a.label span.white {
    background-color: #fdfdfd;
    border-color: #fdfdfd;
    color: #181818
}
.dropdown-submenu {
    position: relative
}
.dropdown-submenu .dropdown-menu {
    left: 100%;
    top: 0;
    display: none;
    position: absolute;
    background: #fff
}
#page-header.dark-header,
#page-header.soft-header {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}
.white-nav .dropdown-submenu .dropdown-menu {
    border-left: 1px solid #e6e6e6
}
.dark-nav .dropdown-submenu .dropdown-menu {
    border-left: 1px solid #2b2b2b
}
#page-header.litle-header {
    padding: 60px 0
}
#page-header.big-header {
    padding: 220px 0 0
}
#page-header.bigger-header {
    padding: 270px 0
}
#page-header .page_header_inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    position: relative;
    cursor: default
}
#page-header .page_header_inner h5.page_note {
    font-size: 13px;
    margin: 0
}
#page-header .page_header_inner h2.page_header {
    font-size: 35px;
    margin: 0 0 12px;
    padding: 0
}
#page-header .page_header_inner .right {
    padding-top: 20px
}
#page-header .page_header_inner a {
    color: inherit;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#page-header.soft-header {
    border: 1px solid #f0f0f0;
    background-image: url(../images/softbg.jpg)
}
#page-header.dark-header {
    background-image: url(../images/darkbg.jpg)
}
#home {
    height: 670;
    position: relative
}
#home.small_home {
    height: 700px
}
.slides-navigation {
    width: 100%;
    position: absolute;
    height: 70px;
    top: 50%;
    margin-top: -35px;
    z-index: 4
}
.slides-navigation a {
    width: 35px;
    height: 100%;
    display: block;
    top: 0;
    background-color: rgba(255, 255, 255, .1);
    color: rgba(255, 255, 255, .3);
    text-align: center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.home-button,
.home_boxes .box {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.slides-navigation a i {
    line-height: 70px;
    font-size: 20px
}
.slides-navigation a:hover {
    background-color: rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .6)
}
.slides-navigation a:first-child {
    float: left
}
.slides-navigation a:last-child {
    float: right
}
.home-inner {
    width: calc(100% - 70px);
    height: auto;
    margin-left: 35px;
    position: absolute!important;
    top: 50%;
    z-index: 5
}
.home-text-slider h1 {
    font-size: 70px
}
.home-text-slider h1.small-type {
    font-size: 55px
}
.home-text-slider .home-fixed-text {
    font-size: 15px
}
.bw-type .home-text-slider .home-fixed-text {
    font-size: 15px;
    margin: 20px auto
}
.home-button {
    width: auto;
    height: auto;
    margin: 0 auto;
    padding: 8px 22px;
    position: relative;
    display: inline-block;
    letter-spacing: 1px;
    transition: all .3s
}
.light-button,
.light-button:focus {
    background: rgba(255, 255, 255, .1);
    border: 1px solid rgba(76, 76, 76, .1);
    text-decoration: none;
    color: #fff
}
.dark-button,
.dark-button:focus {
    color: #fff!important;
    background: rgba(76, 76, 76, .1);
    border: 1px solid rgba(255, 255, 255, .1);
    text-decoration: none
}
.light-button:hover {
    background: rgba(255, 255, 255, .3);
    border: 1px solid rgba(76, 76, 76, .2)
}
.dark-button:hover {
    background: rgba(76, 76, 76, .3);
    border: 1px solid rgba(255, 255, 255, .3)
}
#rainyday {
    width: 100%;
    height: 100%;
    background-color: gray
}
#fullscreen.rainyday {
    z-index: -2
}
.home-extra-note {
    top: calc(100% - 125px);
    z-index: 2
}
.home-extra-note a {
    display: inline-block
}
.home-extra-note p {
    font-size: 27px
}
.home-circle-button {
    width: 45px;
    height: 45px;
    border-radius: 100%;
    padding: 0!important;
    line-height: 45px;
    font-size: 21px;
    color: rgba(255, 255, 255, .2);
    border: 1px solid rgba(255, 255, 255, .2);
    margin: 10px auto
}
.home-extra-note a:hover .home-circle-button {
    background: rgba(76, 76, 76, .3);
    border: 1px solid rgba(255, 255, 255, .3);
    color: rgba(255, 255, 255, .3)
}
.bw-type .home-extra-note {
    top: calc(100% - 80px)
}
.home_boxes {
    width: 97%;
    width: calc(100% - 20px);
    max-width: 1170px;
    height: auto;
    margin: 0 auto
}
.home_boxes h2 {
    font-size: 30px;
    padding: 0 0 0 5px
}
.home_boxes h1 {
    font-size: 80px;
    padding: 0;
    margin: 5px 0 13px
}
.home_boxes h1 span {
    font-size: 40px
}
.home_boxes p {
    font-size: 15px;
    letter-spacing: .5px;
    padding: 0 0 0 5px
}
.home_boxes .boxes {
    margin-top: 27px;
    padding: 0
}
.home_boxes .box {
    padding: 25px 16px 27px 20px;
    margin-right: 26px;
    transition: all .3s
}
.home_boxes .boxes.white-boxes .box {
    background-color: rgba(255, 255, 255, .2)
}
.home_boxes .boxes.dark-boxes .box {
    background-color: rgba(25, 25, 25, .2)
}
.home_boxes .boxes.transparent-boxes .box {
    padding-left: 0!important
}
.home_boxes .box h2 {
    font-size: 37px;
    margin: 0 0 9px;
    padding: 0;
    line-height: 36.5px
}
.home_boxes .box h2.righteous {
    font-size: 25px
}
.home_boxes .box p {
    font-size: 13px;
    margin: 0;
    padding: 0
}
.home_boxes .box.socials p {
    max-height: 18px
}
.home_boxes .boxes.dark-boxes .box.socials,
.home_boxes .boxes.white-boxes .box.socials {
    background-color: rgba(25, 25, 25, .7)!important
}
.home_boxes .box a.social {
    width: 25px;
    height: 25px;
    font-size: 10px;
    line-height: 25px;
    text-align: center;
    margin-right: 3px;
    background-color: rgba(255, 255, 255, .2);
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.home_boxes .boxes .owl-controls {
    height: auto;
    text-align: left;
    margin-top: 22px
}
.home_boxes .owl-controls .owl-buttons {
    height: auto;
    width: auto;
    text-align: left
}
.home_boxes .owl-controls .owl-buttons div {
    display: inline-block;
    margin-right: 10px;
    width: 20px;
    height: 34px;
    position: relative;
    background-position: left top;
    background-repeat: no-repeat;
    opacity: .2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background-size: cover
}
a.content-button,
a.content-button p {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.home_boxes .owl-controls .owl-buttons div.owl-prev {
    background-image: url(../images/strong-arrow-left.png)
}
.home_boxes .owl-controls .owl-buttons div.owl-next {
    background-image: url(../images/strong-arrow-right.png)
}
.home_boxes .owl-controls .owl-buttons div:hover {
    opacity: .4
}
#home.rev-slider .first_text {
    font-size: 40px
}
#home.rev-slider .second_text {
    font-size: 82px
}
#home.rev-slider .second_text span {
    font-size: 39px
}
#home.rev-slider .third_text {
    font-size: 15px
}
#home.rev-slider .fourth_text {
    font-size: 18px
}
#home.rev-slider .m-width {
    max-width: 500px;
    white-space: normal
}
.mini-text {
    font-size: 12px;
    line-height: 22px
}
#home.rev-slider a.home-button.light-button {
    color: #fff
}
#home.rev-slider .tparrows.preview4 .tp-arr-titleholder {
    background-color: rgba(0, 0, 0, .5);
    padding: 4px 10px 0
}
.page-content {
    margin: 0;
    padding: 25px 0
}
.page-content .content-inner {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto
}
.page-content .content-inner p {
    margin: 0;
    padding: 0
}
.page-content .content-inner .content-texts p:first-child {
    font-size: 30px;
    color: #c4c4c4
}
.page-content .content-inner .content-texts p+p {
    font-size: 15px;
    color: #939393
}
.content-buttons {
    padding: 10px 0
}
a.content-button {
    width: auto;
    height: auto;
    padding: 15px 25px;
    display: inline-block;
    transition: all .3s;
    border-radius: 6px;
    background: #9a1b24
}
.page-content .content-inner .content-buttons a:first-child {
    margin-right: 10px
}
a.content-button p {
    padding: 0;
    margin: 0;
    transition: all .3s;
    line-height: normal;
    color: #fff
}
a.content-button:hover p {
    color: #fff
}
.page-content.type-2 {
    padding: 35px 0
}
.page-content.type-2 .content-inner .content-texts p:first-child {
    font-size: 20px;
    line-height: 43px
}
.page-content.type-2 .content-buttons {
    padding: 0
}
.page-content.type-2 .content-buttons a.content-button {
    padding: 11px 20px;
    min-height: inherit
}
#about img {
    width: auto;
    max-width: 95%;
    height: auto
}
.boxes {
    padding: 60px 0 0;
    cursor: default
}
.boxes .box-icon a.changeable-icon {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes.boxes-type-1 .box {
    padding: 0 15px
}
.boxes.boxes-type-1 .box-icon a.changeable-icon {
    width: 70px;
    height: 70px;
    display: inline-block;
    background-color: #2a2a2a;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    position: relative;
    font-size: 28px;
    line-height: 70px
}
.boxes.boxes-type-1 .box-icon a.changeable-icon i {
    position: relative
}
.boxes.boxes-type-1 .box .box-icon a.changeable-icon:after,
.boxes.boxes-type-1 .box-icon a.changeable-icon:before {
    position: absolute;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    top: 0;
    content: ''
}
.boxes.boxes-type-1 .box-icon a.changeable-icon:before {
    width: 35px;
    height: 70px;
    right: 0;
    display: inline-block;
    background-color: #3a3a3a;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    transition: all .3s
}
.boxes.boxes-type-1 .box .box-icon a.changeable-icon:after {
    width: 100%;
    height: 100%;
    display: block;
    background-color: transparent;
    left: 0;
    border: 1px solid #3a3a3a;
    opacity: 0;
    border-top-left-radius: 7px;
    border-bottom-right-radius: 7px;
    font-size: 28px;
    line-height: 70px;
    transition: all .3s
}
.boxes.boxes-type-1 .box:hover .box-icon a.changeable-icon:after {
    opacity: 1;
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}
.boxes.boxes-type-2 .box {
    padding: 10px 10px 0
}
.boxes.boxes-type-2 .box-icon a.changeable-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    border-radius: 100%;
    font-size: 30px;
    line-height: 100px;
    position: relative
}
.boxes.boxes-type-2 .box-icon a.changeable-icon:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1px;
    content: '';
    opacity: 0;
    border-style: solid;
    background: 0 0;
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes.boxes-type-2 .box:hover .box-icon a.changeable-icon:after {
    opacity: 1;
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.boxes.boxes-type-2 .box-header {
    font-size: 24px
}
.boxes .box-header {
    margin: 25px auto 13px
}
.boxes.boxes-type-1 .box-header+p {
    font-size: 13px;
    color: #9f9f9f
}
.boxes.boxes-type-2 .box-header+p {
    font-size: 13px;
    color: #787878
}
.boxes.boxes-type-3 .box {
    margin: 20px 0 45px
}
.boxes.boxes-type-3 .box:last-child {
    margin-bottom: 0
}
.boxes.boxes-type-3 .box-icon a.changeable-icon {
    width: 63px;
    height: 63px;
    display: inline-block;
    border-radius: 100%;
    position: relative;
    font-size: 23px;
    line-height: 63px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes.boxes-type-3 .box-icon a.changeable-icon.dark-icon {
    background-color: #222
}
.boxes.boxes-type-3 .box-texts {
    padding: 0
}
.boxes.boxes-type-3 .box-texts h4 {
    margin: 0 0 10px;
    padding: 0
}
.boxes.boxes-type-3 .box-texts h4+p {
    font-size: 13.5px;
    color: #5d5d5d
}
.boxes.boxes-type-4 .box {
    padding: 25px 15px 35px;
    margin: 0 5px;
    z-index: 4;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes.boxes-type-4 .box-image a.changeable-image {
    border-radius: 100%;
    overflow: hidden;
    display: inline-block;
    background-color: #fff;
    position: relative;
    font-size: 30px;
    line-height: 100px;
    border: 3px solid rgba(255, 255, 255, .1)
}
.boxes.boxes-type-4 .box-header {
    margin-top: 13px
}
.boxes.boxes-type-4 .box-header+h5 {
    font-size: 14px
}
.header.white+p+.boxes.boxes-type-4 .box-header+h5+p {
    color: #bfbfbf
}
.boxes.boxes-type-4 .box:hover {
    background-color: rgba(0, 0, 0, .1)
}
.boxes.boxes-type-5 .box {
    padding: 10px 10px 0
}
.boxes.boxes-type-5 .box-icon a.changeable-icon {
    width: 100px;
    height: 100px;
    display: inline-block;
    background-color: transparent;
    border: 1px solid #404040;
    color: #404040;
    border-radius: 100%;
    font-size: 30px;
    line-height: 100px;
    position: relative
}
.boxes.boxes-type-5 .box-icon a.changeable-icon:after {
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    border-width: 1px;
    content: '';
    opacity: 0;
    border-style: solid;
    background: 0 0;
    border-radius: 100%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes.type-6 .box,
.boxes.type-6 .box h4 {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon:after {
    opacity: 1;
    -webkit-transform: scale(1.14);
    -moz-transform: scale(1.14);
    -ms-transform: scale(1.14);
    transform: scale(1.14);
    border-color: #404040
}
.boxes.boxes-type-5 .box:hover .box-icon a.changeable-icon {
    background-color: #404040;
    color: #fff
}
.boxes.boxes-type-5 .box-header {
    font-size: 21px;
    color: #454545
}
.boxes.boxes-type-5 p {
    color: #9f9f9f;
    font-size: 13px
}
.boxes.type-6 {
    padding: 0;
    margin-top: 40px
}
.boxes.type-6 .box {
    padding-left: 0;
    margin-right: 15px;
    border-top: 1px solid rgba(255, 255, 255, .3);
    padding-top: 17px;
    height: 50px;
    overflow: hidden;
    display: block;
    transition: all .3s
}
.boxes.type-6 .box .feature-text {
    width: 100%;
    position: relative
}
.boxes.type-6 .box h4 {
    font-size: 15px;
    opacity: .7;
    margin: 0;
    padding: 0;
    transition: all .3s
}
.boxes .box-button,
.boxes.type-6 .box h4 i {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.boxes.type-6 .box h4 i {
    right: 0;
    opacity: 0;
    font-size: 16px;
    position: absolute;
    transition: all .3s
}
.boxes.type-6 .box:hover {
    background-color: rgba(30, 32, 39, .2)
}
.boxes.type-6 .box:hover h4 {
    opacity: 1;
    padding-left: 10px
}
.boxes.type-6 .box:hover h4 i {
    opacity: .8;
    right: 10px
}
.boxes .box-button {
    width: 19px;
    height: 19px;
    background-color: #2a2a2a;
    font-size: 9px;
    line-height: 21px;
    margin-top: 25px;
    display: inline-block;
    transition: all .3s
}
.boxes .box-button:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
.boxes .owl-controls,
.boxes .owl-pagination {
    height: auto;
    text-align: center;
    margin-top: 55px
}
.boxes .owl-pagination .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #2b2b2b;
    margin: 3px;
    border: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.boxes .owl-pagination .owl-page.active {
    border: 1px solid #2b2b2b;
    background: 0 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}
.no-pagination .owl-pagination {
    display: none
}
.image-content .image_content_text {
    font-size: 17px
}
.image-content .image_content_text span {
    display: block
}
.image-content .image_content_text span:hover {
    background-color: rgba(0, 0, 0, .05)
}
#home.rev-slider .tp-bullets.preview4 .bullet,
.image-content .tp-bullets.preview4 .bullet {
    border-radius: 100%;
    width: 10px!important;
    height: 10px!important;
    border: none!important;
    margin-right: 5px!important;
    background: #c2c2c2!important
}
#home.rev-slider .tp-bullets.preview4 .bullet.selected,
.image-content .tp-bullets.preview4 .bullet.selected {
    background: #fff!important
}
.about_with_slider .texts {
    padding: 25px 25px 0
}
.about_with_slider .texts .head {
    font-size: 22px;
    margin: 0 auto 20px;
    color: #636363
}
.about_with_slider .texts .subhead {
    font-size: 17px;
    margin: 20px auto;
    color: #636363
}
.about_with_slider .texts .text {
    font-size: 13px;
    line-height: 22px;
    margin: 10px auto 20px;
    color: #a1a1a1
}
.about_with_slider .texts li {
    margin-bottom: 15px
}
.feature-boxes .feature-box {
    margin: 75px auto 0;
    cursor: default
}
.feature-boxes .feature-box .feature-icon {
    width: 75px;
    height: 75px;
    background-color: rgba(255, 255, 255, .2);
    display: inline-block;
    line-height: 75px;
    font-size: 40px;
    color: rgba(255, 255, 255, .8);
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
section#features .feature-boxes .feature-box:hover .feature-icon {
    color: #fff
}
.feature-boxes .feature-box .feature-icon:after {
    width: 0;
    height: 0;
    position: absolute;
    left: 100%;
    content: '';
    top: 50%;
    margin-top: -10px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid rgba(255, 255, 255, .2);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.feature-boxes.type-2 .feature-box .feature-icon:after,
.feature-boxes.type-3 .feature-box .feature-icon:after,
.feature-boxes.type-4 .feature-box .feature-icon:after {
    content: none
}
.feature-boxes .feature-box .feature-text {
    padding-left: 30px;
    width: calc(100% - 75px)
}
.feature-boxes.type-2 .feature-box .feature-text,
.feature-boxes.type-3 .feature-box .feature-text,
.feature-boxes.type-4 .feature-box .feature-text {
    padding-left: 0
}
.feature-boxes .feature-box .feature-text h4 {
    font-size: 20px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.feature-boxes .feature-box .feature-text.small-head h4 {
    font-size: 17px;
    color: #7a7a7a
}
.feature-boxes .feature-box .feature-text p {
    font-size: 13px;
    margin-top: 10px;
    color: #ddd;
    font-weight: 300;
    line-height: 20px
}
.feature-boxes.type-2 .feature-box .feature-icon {
    background-color: transparent;
    line-height: 45px
}
section#features .feature-boxes.type-2 .feature-box:hover .feature-icon {
    background-color: transparent
}
.feature-boxes.type-3 .feature-box .feature-icon {
    background-color: transparent;
    line-height: 27px;
    color: #555;
    font-size: 22px;
    width: 60px;
    height: 60px
}
.feature-boxes.type-3 .feature-box .feature-text p {
    color: #9f9f9f
}
section#features .feature-boxes.type-3 .feature-box:hover .feature-icon {
    background-color: transparent;
    color: #111
}
.feature-boxes.type-4 .feature-box .feature-icon {
    background-color: transparent;
    line-height: 45px
}
section#features .feature-boxes.type-4 .feature-box:hover .feature-icon {
    background-color: transparent
}
#featured-works {
    overflow: hidden;
    padding-bottom: 75px;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}
#featured-works .inner {
    padding-bottom: 55px
}
#featured-works .boxed-slider {
    width: 100%;
    max-width: 960px;
    height: 430px;
    margin: 0 auto;
    position: relative;
    border: 5px solid #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    overflow: hidden
}
#featured-works .boxed-slider .featured-slider-bg {
    width: 100%;
    height: 83px;
    background-color: rgba(0, 0, 0, .4)
}
#featured-works .boxed-slider h4 {
    font-size: 23px
}
#featured-works .boxed-slider p {
    color: #ddd
}
.tp-bullets.tp-thumbs .bullet {
    border: 3px solid #fff;
    box-shadow: inset 0 0 10px rgba(0, 0, 0, .2)
}
.tp-bullets.tp-thumbs:after,
.tp-bullets.tp-thumbs:before {
    width: 0;
    height: 0;
    left: 50%;
    margin-left: -30px;
    content: '';
    position: absolute;
    border-left: 30px solid transparent;
    border-right: 30px solid transparent
}
.tp-bullets.tp-thumbs:before {
    bottom: 100%;
    border-bottom: 30px solid #fff
}
.tp-bullets.tp-thumbs:after {
    top: 100%;
    border-top: 30px solid #fff
}
#featured-works .boxed-slider .tparrows {
    opacity: 0;
    background-color: rgba(255, 255, 255, .3);
    width: 30px;
    height: 45px;
    position: relative;
    background-position: center center;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#featured-works .boxed-slider .tparrows:before {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    color: #fff;
    text-align: center;
    line-height: 45px;
    font-size: 17px
}
#featured-works .boxed-slider .tparrows.tp-rightarrow {
    background-image: url(../images/right-arrow.png)
}
#featured-works .boxed-slider .tparrows.tp-leftarrow {
    background-image: url(../images/left-arrow.png)
}
#featured-works .boxed-slider:hover .tparrows {
    opacity: .7
}
#featured-works .boxed-slider .tparrows:hover {
    opacity: 1
}
#featured-works .featured-texts {
    height: auto;
    margin-top: 250px
}
#featured-works .featured-texts p {
    max-width: 850px;
    margin: 0 auto;
    height: auto;
    color: #9d9d9d;
    font-size: 17px
}
.featured-text-slide {
    font-size: 18px;
    color: #9d9d9d;
    margin-bottom: 40px
}
#featured-works .content-buttons {
    margin-top: 30px
}
#featured-works .content-button {
    margin-right: 15px
}
#featured-works .content-button p:first-child {
    font-size: 15px;
    color: #fff
}
#featured-works .content-button p:nth-of-type(2) {
    font-size: 11px;
    color: #ddd
}
.featured-slider-boxes {
    width: 100%;
    height: auto
}
.featured-slider-boxes .owl-wrapper-outer {
    z-index: 6
}
.featured-slider-boxes .box {
    background-color: #121212;
    display: block
}
.featured-slider-boxes.white-hover .box {
    background-color: #fff
}
.featured-slider-boxes .box .item_image {
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}
.featured-slider-boxes .box .item_image img {
    width: 100%;
    height: auto;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s
}
.featured-slider-boxes .box .item_texts {
    width: 100%;
    height: auto;
    text-align: center;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: 0;
    opacity: 0;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}
.featured-slider-boxes .box .item_texts h2 {
    font-size: 25px;
    margin: 0 0 5px;
    padding: 0;
    color: #e9e9e9;
    position: relative;
    top: -5px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}
.featured-slider-boxes.white-hover .box .item_texts h2 {
    color: #5a5a5a
}
.featured-slider-boxes.white-hover .box .item_texts p {
    color: #777
}
.featured-slider-boxes .box .item_texts p {
    font-size: 14px;
    margin: 0;
    padding: 0;
    color: #c1c1c1;
    position: relative;
    bottom: -5px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}
.featured-slider-boxes .box:hover .item_image {
    opacity: .15
}
.featured-slider-boxes .box:hover .item_texts,
.modal-backdrop.in {
    opacity: 1
}
.featured-slider-boxes .box:hover .item_texts h2 {
    top: 0
}
.featured-slider-boxes .box:hover .item_texts p {
    bottom: 0
}
.featured-slider-boxes .owl-buttons {
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -30px;
    width: 100%
}
.featured-slider-boxes .owl-buttons div {
    width: 45px;
    height: 60px;
    position: absolute;
    z-index: 7;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}
.featured-slider-boxes .owl-buttons div:before {
    width: 100%;
    height: 100%;
    text-align: center;
    left: 0;
    top: 0;
    position: absolute;
    line-height: 60px;
    font-size: 26px;
    color: #fff;
    font-family: FontAwesome
}
.featured-slider-boxes .owl-buttons div.owl-prev {
    left: 0
}
.featured-slider-boxes .owl-buttons div.owl-prev:before {
    content: '\f104';
    text-indent: -5px
}
.featured-slider-boxes .owl-buttons div.owl-next {
    right: 0;
    float: right
}
.featured-slider-boxes .owl-buttons div.owl-next:before {
    content: '\f105';
    text-indent: 5px
}
.featured-slider-boxes .owl-buttons div:hover {
    background: rgba(255, 255, 255, .2)
}
.team-boxes {
    margin-top: 65px
}
.team-boxes .team-box {
    overflow: hidden;
    position: relative;
    margin: 10px auto;
    padding: 0 10px;
    float: left
}
.team-boxes .member-image {
    width: 100%;
    text-align: center;
    position: relative;
    height: auto;
    background: #1b1b1b
}
.team-boxes .member-image img {
    width: 100%;
    height: auto;
    top: 0;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.team-boxes .member-details {
    width: 95%;
    width: calc(100% - 20px);
    position: absolute;
    height: 100%;
    top: 100%;
    background-color: rgba(0, 0, 0, .65);
    text-align: left;
    padding: 20px;
    cursor: default;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.team-boxes .team-box:hover .member-details {
    top: 0
}
.team-boxes .member-details h3 {
    color: #fff;
    margin: 0;
    padding: 0;
    font-weight: 300;
    font-size: 20px
}
.team-boxes .member-details h5 {
    color: #fff;
    margin-top: 5px;
    font-size: 14px;
    padding: 0
}
.team-boxes .member-details .strip {
    width: 100%;
    margin-top: 20px;
    height: 1px;
    background-color: rgba(255, 255, 255, .1)
}
.team-boxes .member-details p {
    font-size: 13px;
    color: #bababa;
    margin-top: 20px
}
.team-boxes .member-details .socials {
    margin-top: 20px
}
.team-boxes .member-details .socials a {
    color: #abaaa9;
    margin: 0 5px;
    font-size: 14px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.team-boxes .member-details .socials a:hover {
    color: #fff
}
.team-boxes .member-details .member-more {
    width: 100%;
    height: 30px;
    text-align: center;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    background: #1b1b1b;
    line-height: 30px;
    font-size: 13px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#team.type-2 .inner {
    padding-bottom: 60px
}
#team.type-2 .team-boxes .team-box {
    padding: 0 12px
}
#team.type-2 .team-boxes .member-image img {
    width: 100%;
    height: auto
}
#team.type-2 .team-boxes .member-details {
    position: static;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 20px 20px 0;
    cursor: default;
    background: 0 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#team.type-2 .team-boxes .member-details h3 {
    font-size: 22px;
    color: #7d7d7d;
    font-weight: 300
}
#team.type-2 .team-boxes .member-details h5 {
    font-size: 12px;
    color: #7d7d7d!important;
    font-weight: 300
}
#team.type-2 .strip {
    display: none
}
#team.type-2 .team-boxes .member-details p {
    font-size: 13px;
    color: #7d7d7d!important;
    font-weight: 300
}
#team.type-2 .team-boxes .member-details .socials {
    position: absolute;
    top: -7px;
    left: 22px
}
#team.type-2 .team-boxes .member-details .socials a {
    color: #fff;
    font-size: 16px
}
#team.type-2 .team-boxes .member-details .member-more {
    width: 40px;
    height: 40px;
    text-align: center;
    position: relative;
    margin: 20px auto;
    background-color: transparent;
    border: 1px solid #e1e1e1;
    border-radius: 100%;
    font-size: 0;
    cursor: pointer;
    background-image: url(../images/plus_mini.png);
    background-repeat: no-repeat;
    background-position: center center;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#team.type-2 .team-boxes .member-details .member-more:hover {
    border-color: transparent
}
body.dark_layout.modal-backdrop {
    background-color: #222
}
.modal-backdrop {
    background-color: none !important;
}
.modal-backdrop{
	
}
#member-modals .modal-dialog {
    width: auto;
    height: auto;
    max-width: 650px;
    margin: 0 auto;
    padding-top: 120px
}
#member-modals .modal-dialog .modal-body {
    margin: 15px auto 20px;
    width: 550px;
    height: auto;
    position: relative;
    padding: 15px 0
}
#member-modals .modal-dialog .modal-body .member-image {
    width: 550px
}
#member-modals .modal-dialog .modal-body img {
    width: 100%;
    height: auto
}
#member-modals .modal-dialog a.close {
    float: none;
    font-size: 36px;
    display: block;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    background-color: #fdfdfd;
    color: #9a9a9a;
    border: 1px solid #f5f5f5;
    line-height: 54px;
    opacity: 1;
    position: relative;
    text-align: center;
    top: -40px;
    text-shadow: none;
    margin: 0 auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#member-modals .modal-dialog a.close:hover {
    color: #fff
}
#member-modals .modal-dialog h2.member-header {
    font-size: 28px;
    margin: 15px 0 6px;
    padding: 0;
    color: #8a8a8a
}
#member-modals .modal-dialog h4.member-position {
    font-size: 14px;
    margin: 0 0 8px;
    padding: 0
}
#member-modals .modal-dialog .modal-body p {
    color: #8a8a8a;
    font-size: 14px;
    margin: 0 0 10px
}
.testimonials.type-1 .inner .quote {
    width: 80px;
    height: 80px;
    line-height: 80px;
    font-size: 28px;
    background-color: rgba(255, 255, 255, .03);
    margin: 0 auto
}
.testimonials.type-1 .inner {
    max-width: 875px;
    padding-bottom: 140px
}
.testimonials.type-1 .inner .quote i {
    opacity: .4
}
.testimonials.type-1 h2 {
    color: #d5d5d5;
    font-size: 18px;
    line-height: 25px;
    margin: 0
}
.testimonials.type-1 p {
    font-size: 14px;
    margin-top: 42px;
    color: #a8a8a8
}
.testimonials .cbp-nav-pagination {
    margin-bottom: -25px
}
.testimonials.type-2 .inner {
    padding: 70px 0
}
.testimonials.type-2 .testimonial-slide h2 {
    font-size: 14px;
    max-width: 790px;
    margin: 0 auto;
    line-height: 22px
}
.testimonials.type-2 .testimonial-slide p {
    font-size: 14px;
    max-width: 800px;
    margin: 30px auto;
    line-height: 22px
}
.testimonials.type-2 .cbp-nav-pagination {
    margin-bottom: 10px
}
.content {
    text-align: left;
    position: relative
}
.content .images img {
    height: auto
}
.content .images,
.content .texts {
    width: 100%;
    overflow: hidden
}
.content .texts {
    padding: 0 35px;
    cursor: default;
    width: 75%;
    position: relative;
    margin: 0;
    height: 100%
}
.content .left .texts {
    left: 25%
}
.content .right {
    position: absolute;
    height: 100%;
    right: 0
}
.content .texts h2.content-header {
    margin: 0;
    padding: 0;
    position: relative;
    font-size: 50px
}
.content .texts p.content-texts {
    margin: 25px 0;
    padding: 0;
    max-width: 500px
}
.content .texts ul {
    margin-top: 40px
}
.content .texts ul li {
    padding: 4px 0;
    display: block;
    height: auto
}
.content .texts ul li p {
    padding: 0;
    margin: 0;
    font-size: 13px
}
.content .texts ul li p i {
    margin-right: 5px;
    color: #888;
    font-size: 9px
}
.content .texts a {
    margin-top: 15px
}
.content .texts a:hover {
    opacity: .8
}
.content .texts .video {
    width: 50%;
    position: relative;
    border: 3px solid;
    min-height: 300px;
    background-color: #000
}
.content .left .texts .video {
    float: right
}
.content .right .texts .video {
    float: left
}
.content .texts .video span.image {
    width: 100%;
    position: absolute;
    height: 100%;
    left: 0;
    top: 0;
    display: block;
    background-size: cover;
    z-index: 1;
    cursor: default;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.content .texts .video a.play {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -21px;
    margin-left: -21px;
    display: block;
    cursor: pointer;
    opacity: .7;
    z-index: 2;
    background: url(../images/play.png) center center no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.content .texts .video .play:hover+span.image,
.content .texts .video:hover span.image:hover {
    opacity: .6
}
.content .texts .video a.play:hover {
    opacity: 1
}
.content .gray-bg .texts h2.content-header {
    color: #777
}
.content .gray-bg .texts p {
    color: #999
}
.content .gray-bg .texts h2.content-header:after {
    background-color: #bfbfbf
}
.content .gray-bg .texts .video {
    border-color: #fff
}
.basic_slider {
    position: relative
}
.image_slider {
    margin: 0
}
.basic_slider .image_slider li img {
    width: 100%!important;
    max-width: 100%!important;
    height: auto
}
.basic_slider .image_slider .slide .texts {
    display: inline-block;
    position: absolute;
    width: auto;
    left: 0;
    bottom: 0;
    z-index: 11;
    padding: 15px 20px;
    background: rgba(0, 0, 0, .2);
    max-width: 40%
}
.basic_slider .image_slider .slide .texts h2 {
    margin: 0 0 5px;
    padding: 0;
    font-size: 20px
}
.basic_slider .image_slider .slide .texts p {
    padding: 0;
    margin: 0;
    font-size: 13px
}
.basic_slider .flex-direction-nav,
.image-pgn-slider .flex-direction-nav {
    width: 100%;
    height: 40px;
    bottom: 0;
    position: absolute;
    left: 0;
    right: 0
}
.left .basic_slider .flex-direction-nav {
    text-align: right
}
.image-pgn-slider .flex-direction-nav {
    left: 0;
    top: 0
}
.basic_slider .flex-direction-nav li,
.image-pgn-slider .flex-direction-nav li {
    width: 30px;
    height: 40px;
    display: inline-block
}
.basic_slider .flex-direction-nav li a,
.image-pgn-slider .flex-direction-nav li a {
    width: 30px;
    height: 40px;
    position: relative;
    display: block;
    background-color: rgba(255, 255, 255, .2);
    margin: 0;
    opacity: 1;
    left: 0;
    right: 0;
    top: 0;
    color: #fff;
    text-align: center;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/left-arrow.png);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.basic_slider .flex-direction-nav li a.flex-next,
.image-pgn-slider .flex-direction-nav li a.flex-next {
    background-image: url(../images/right-arrow.png)
}
.basic_slider .flex-direction-nav li a:before,
.image-pgn-slider .flex-direction-nav li a:before {
    display: none
}
.basic_slider .flex-direction-nav li a:hover,
.image-pgn-slider .flex-direction-nav li a:hover {
    background-color: rgba(255, 255, 255, .6)
}
.basic_slider .flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: 0;
    z-index: 2;
    padding: 0 10px
}
.left .basic_slider .flex-control-nav {
    text-align: left
}
.right .basic_slider .flex-control-nav {
    text-align: right
}
.basic_slider .flex-control-nav li {
    margin: 0 3px
}
.basic_slider .flex-control-nav li a {
    background-color: rgba(255, 255, 255, .3);
    box-shadow: none;
    text-indent: 9999px;
    overflow: hidden;
    margin-bottom: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.basic_slider .flex-control-nav li a.flex-active,
.basic_slider .flex-control-nav li a:hover {
    background-color: rgba(255, 255, 255, .8)
}
#timeline {
    padding-bottom: 100px;
    border-bottom: 8px solid #e1e1e1;
    background-position: center center
}
#timeline .timeline .item,
#timeline .timeline .item_open {
    height: auto;
    height: 350px;
    overflow: hidden;
    margin: 0!important
}
#timeline .inner {
    padding-bottom: 50px
}
.timeline .item a {
    display: inline-block;
    width: auto;
    height: auto;
    position: relative
}
.timeline .item a img {
    width: auto;
    height: 100%;
    max-height: 350px
}
.timeline-item-details {
    position: absolute;
    width: 100%;
    max-height: 70px;
    bottom: -70px;
    background-color: rgba(30, 30, 30, .5);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#timeline .timeline .item:hover .timeline-item-details {
    bottom: 0
}
.categories_full_screen div::-webkit-scrollbar,
.hide_scrollbar,
.item_open_content::-webkit-scrollbar {
    display: none
}
.categories_full_screen div,
.hide_scrollbar,
.item_open_content {
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none
}
.timeline-item-details .left_details {
    padding: 20px
}
.timeline-item-details .left_details h3 {
    font-size: 16px;
    color: #fff;
    margin: 0;
    padding: 0
}
.timeline-item-details .left_details p {
    font-size: 13px;
    color: #d1d1d1;
    margin: 0;
    padding: 0
}
.timeline-item-details .right-buttons {
    margin: 0;
    padding: 0
}
.timeline-item-details .right-buttons a {
    width: 70px;
    height: 70px;
    display: inline-block;
    float: none;
    line-height: 70px;
    padding: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    position: absolute;
    text-align: center;
    color: #585858;
    font-size: 18px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.timeline-item-details .right-buttons a.read_more {
    right: 0;
    color: #fff
}
.timeline-item-details .right-buttons a.detail_page:hover,
.timeline-item-details .right-buttons a.read_more:hover {
    background-color: #2e2e2e;
    color: #fff
}
.timeline-item-details .right-buttons a.detail_page {
    right: 70px;
    background-color: #fff
}
.timeline_line {
    margin: 70px auto
}
.timelineFlat h4.t_line_month,
.timelineFlat h4.t_line_month span {
    font-size: 15px;
    color: #8b8b8b;
    font-family: Lato, sans-serif
}
.timelineFlat h4.t_line_month {
    margin: -44px 0 0
}
.timelineFlat a.t_line_node:after {
    background-color: #bfbfbf;
    border: 2px solid #fff;
    width: 13px;
    height: 13px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.timelineFlat a.t_line_node.active:after {
    opacity: .7;
    width: 16px;
    height: 16px;
    margin: 0 0 0 -9px;
    top: 21px
}
.timelineFlat a.t_line_node {
    font-size: 12px;
    font-family: Lato, sans-serif;
    line-height: 32px
}
.timelineFlat .t_node_desc span {
    line-height: 15px;
    text-indent: 0
}
.timelineFlat .t_line_view,
.timelineFlat .timeline_line {
    width: 100%;
    max-width: 1170px
}
.timelineFlat .t_line_m {
    width: 49.5%
}
.timelineFlat .t_line_m.right {
    left: 49.7%;
    width: 49.5%
}
.timelineFlat .item:before {
    content: "";
    position: absolute;
    height: 0;
    width: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.timelineFlat .item:hover:before {
    height: 5px
}
.timeline-texts h2 {
    padding-top: 0;
    margin-top: 0;
    color: #8b8b8b;
    font-size: 23px
}
.timeline-texts h2+p {
    font-size: 15px;
    color: #aaa
}
.timeline-texts a:first-child {
    margin-right: 12px
}
.timeline-texts a p:first-child {
    font-size: 16px
}
.timelineFlat #t_line_left,
.timelineFlat #t_line_right {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, .9);
    top: 31px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.timelineFlat #t_line_left:hover,
.timelineFlat #t_line_right:hover {
    background-color: #6f6f6f;
    color: #fff
}
.timelineFlat #t_line_left {
    left: -70px
}
.timelineFlat #t_line_right {
    right: -70px
}
.timelineFlat #t_line_left:after,
.timelineFlat #t_line_right:after {
    top: 20%
}
.timelineFlat #t_line_left:after {
    left: 0
}
.timelineFlat #t_line_right:after {
    right: 0
}
.timelineFlat .t_left,
.timelineFlat .t_right {
    width: 35px;
    height: 48px;
    top: 50%;
    margin-top: -24px;
    background-color: rgba(47, 47, 47, .7);
    content: "\f104";
    background-repeat: no-repeat
}
.timelineFlat .t_left:hover,
.timelineFlat .t_right:hover {
    background-color: rgba(47, 47, 47, 1)
}
.timelineFlat .t_left,
.timelineFlat .t_left:hover:active {
    left: 0;
    background-image: url(../images/left-arrow.png);
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    background-position: 10px 17px
}
.timelineFlat .t_right,
.timelineFlat .t_right:hover:active {
    right: 0;
    background-image: url(../images/right-arrow.png);
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    background-position: 13px 17px
}
.item_open_content {
    background-color: #2f2f2f;
    padding: 20px 10px;
    text-align: justify;
    overflow: scroll;
    box-shadow: inset 0 0 46px rgba(0, 0, 0, .4)
}
.timelineFlat .item_open h2 {
    font-size: 20px;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    color: #fff;
    margin: 0 0 20px
}
.timelineFlat .item_open .t_close {
    position: absolute;
    top: 15px;
    right: 15px;
    padding: 10px;
    background: #101010;
    width: 30px;
    height: 30px;
    opacity: .4;
    font-size: 12px;
    line-height: 11px;
    color: #ccc;
    border-radius: 5px;
    cursor: pointer;
    z-index: 2;
    text-align: center;
    text-transform: uppercase;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.timelineFlat .item_open .t_close:hover {
    color: #fff;
    opacity: 1
}
.timelineFlat .item_open p.item_description {
    color: #a5a5a5
}
.timelineFlat .item_open p.item_description:nth-of-type(1) {
    margin-top: 22px
}
.timelineFlat .item_open a.item_link {
    margin-top: 15px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    display: block
}
.fun-facts {
    background-attachment: fixed;
    background-size: cover;
    position: inherit
}
.fun-facts .facts {
    padding: 200px 0
}
.facts .fact {
    display: inline-block;
    width: auto;
    opacity: .7;
    padding: 10px 20px
}
.facts .fact h1,
.facts .fact h3 {
    padding: 0;
    margin: 0
}
.facts .fact h3 {
    margin-top: 42px;
    font-size: 23px;
    font-weight: 500;
    text-transform: uppercase;
     font-family: Raleway, sans-serif ;
}
.facts .fact h1.factor {
    display: inline-block;
    width: auto;
    min-width: 240px;
    font-size: 45px;
    color: #f9f9f9;
    position: relative
}
.facts .fact h1.factor:before {
    width: 9px;
    height: 3px;
    background-color: #f9f9f9;
    content: '';
    left: 50%;
    margin-left: -5px;
    bottom: -20px;
    position: absolute
}
#portfolio .inner {
    padding-bottom: 40px
}
#portfolio.single {
    margin-top: 45px
}
#portfolio.single.boxed {
    margin-bottom: 100px
}
.cbp-l-filters-alignCenter .cbp-filter-item {
    color: #6b6b6b;
    font-size: 14px;
    border-radius: 4px;
    padding: 7px 17px;
    margin: 5px;
    -webkit-font-smoothing: subpixel-antialiased
}
.cbp-l-filters-alignCenter .cbp-filter-item.cbp-filter-item-active {
    color: #fff
}
.cbp-filter-item:hover .cbp-filter-counter {
    bottom: 41px!important
}
#portfolio-items .item .center-details {
    width: 100%;
    height: 100%;
    text-align: center
}
#portfolio-items .item .center-details .details {
    width: 100%;
    height: 40px;
    position: relative;
    top: 50%;
    margin-top: -20px
}
#portfolio-items .item .center-details .details h2,
#portfolio-items .item .center-details .details h2+p {
    margin: 0;
    padding: 0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#portfolio-items .item .center-details .details h2 {
    font-size: 22px;
    top: -10px
}
.boxed #portfolio-items .item .center-details .details h2 {
    font-size: 19px
}
#portfolio-items .item:hover .center-details .details h2 {
    top: 0
}
#portfolio-items .item .center-details .details h2+p {
    font-size: 12px;
    bottom: -16px;
    -webkit-font-smoothing: subpixel-antialiased
}
#portfolio-items .item:hover .center-details .details h2+p {
    bottom: -6px
}
.cbp-caption-zoom .cbp-caption-activeWrap {
    background: 0 0
}
.cbp-caption-zoom .cbp-caption .cbp-caption-defaultWrap,
.cbp-caption-zoom .cbp-caption img,
.cbp-caption-zoom .cbp-caption-activeWrap {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.type2 .item img,
.type2 .item_icon {
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}
.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}
.cbp-caption-zoom .cbp-caption:hover img {
    opacity: .2
}
#portfolio-items .item a {
    background-color: #000
}
#portfolio-items.white-hover .item a {
    background-color: #fff
}
#portfolio-items.white-hover .item * {
    color: #6c6c6c
}
#blog-filters.type2.cbp-l-filters-alignCenter,
#portfolio-filters.type2.cbp-l-filters-alignCenter {
    font-size: 0
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item,
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item {
    padding: 9px 24px;
    margin: 0;
    border: 1px solid #efefef;
    font-size: 13px;
    border-radius: 0;
    border-right: transparent;
    font-weight: 400
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item {
    border: 1px solid #e1e1e1;
    border-right: transparent
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child,
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:first-child {
    border-bottom-left-radius: 5px;
    border-top-left-radius: 5px
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child,
#portfolio-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-right: 1px solid #efefef
}
#blog-filters.type2.cbp-l-filters-alignCenter .cbp-filter-item:last-child {
    border-right: 1px solid #e1e1e1
}
#portfolio.single #portfolio-items.type2 {
    margin-bottom: 80px
}
#portfolio-items.type2 .item .center-details {
    width: 100%;
    height: auto;
    text-align: left
}
#portfolio-items.type2 .item .center-details .details {
    width: 100%;
    height: auto;
    padding: 15px 20px;
    top: 0;
    margin-top: 0;
    border: 1px solid #f0f0f0
}
#portfolio-items.type2 .item .cbp-caption-activeWrap {
    position: relative;
    opacity: 1;
    background: #fff;
    z-index: 2
}
#portfolio-items.type2 .item .center-details .details h2 {
    top: 0;
    text-align: left;
    color: #8b8b8b;
    font-size: 18px;
    font-weight: 300
}
#portfolio-items.type2 .item .center-details .details p {
    bottom: 0;
    text-align: left;
    color: #a8a8a8;
    font-size: 13px;
    font-weight: 300;
    margin-top: 3px
}
#portfolio-items.type2 .item:hover .center-details .details h2+p {
    bottom: 0
}
.type2 .cbp-caption-defaultWrap {
    z-index: 1
}
.type2 .item_icon {
    position: absolute;
    left: 0;
    width: 100%;
    top: 50%;
    margin-top: -20px;
    height: auto;
    display: block;
    text-align: center;
    opacity: 1;
    opacity: 0;
    transition: all .5s
}
.type2 .item:hover .item_icon {
    opacity: 1
}
.type2 .item_icon p {
    margin: 0 auto;
    padding: 0;
    font-size: 13px;
    font-weight: 100;
    letter-spacing: .5px
}
.type2 .item_icon p i {
    font-size: 18px;
    margin-bottom: 5px
}
.type2 .item img {
    transition: all .5s
}
.type2 .item:hover img {
    opacity: .2
}
.load-more-button {
    width: 100%;
    height: auto;
    padding: 30px 0;
    display: block;
    font-size: 20px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.load-more-button.dark-type {
    background-color: #222;
    color: #fff
}
.load-more-button.dark-type:hover {
    background-color: #fff;
    color: #222
}
.load-more-button.dark-type.cbp-l-loadMore-button-stop {
    cursor: default;
    background-color: #222!important;
    color: gray!important
}
.load-more-button.light-type {
    background-color: #fdfdfd;
    color: #777
}
.load-more-button.light-type:hover {
    background-color: #222;
    color: #fff
}
.load-more-button.light-type.cbp-l-loadMore-button-stop {
    cursor: default;
    background-color: #fdfdfd!important;
    color: #999!important
}
.load-more-button.circle-button {
    width: 75px;
    height: 75px;
    padding: 0;
    display: block;
    margin: 50px auto;
    font-size: 20px;
    border-radius: 100%;
    line-height: 75px;
    border: 1px solid #ebebeb;
    color: #ebebeb;
    background-color: transparent
}
section.page-note h4,
section.page-note.type-2 h4 {
    font-size: 16px
}
#portfolio #portfolio-items.boxed {
    margin-bottom: 80px
}
#portfolio #portfolio-filters.boxed {
    margin-bottom: 40px
}
#portfolio.masonry {
    margin: 40px auto
}
section.page-note {
    padding: 60px 0
}
section.page-note.light-note {
    background-color: #fafafa
}
section.page-note.light-note h4 {
    color: #626262
}
section.page-note.dark-note h4 {
    color: #fff
}
section.page-note.type-2 {
    padding: 50px 0
}
section.page-note.type-2.light-note h4 {
    color: #bcbcbc
}
section.page-note.type-2.light-note h4 i:nth-of-type(1) {
    margin-right: 40px;
    opacity: .7
}
section.page-note.type-2.light-note h4 i:nth-of-type(2) {
    margin-left: 40px;
    opacity: .7
}
#categories .inner {
    padding-bottom: 60px
}
#categories {
    padding: 0 0 50px
}
.category-boxes {
    padding: 0 0 30px
}
.category-boxes .box .category-inner-slider {
    position: relative;
    width: 98%;
    width: calc(100% - 10px)
}
.category-boxes .box .category-inner-slider .image {
    background-color: #222
}
.category-boxes .box .box-texts,
.category-boxes .box .category-inner-slider .image img,
.category-inner-slider .owl-pagination .owl-page {
    opacity: .5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.category-boxes .box .category-inner-slider .image img {
    width: 100%;
    height: auto
}
.category-boxes .box:hover .box-texts,
.category-boxes .box:hover .image img {
    opacity: 1
}
.category-boxes .box .box-texts {
    position: absolute;
    top: 0;
    text-align: center;
    width: 98%;
    width: calc(100% - 10px)
}
.category-boxes .box .box-texts h2 {
    font-size: 30px
}
.category-boxes.minimal-texts .box .box-texts h2 {
    font-size: 24px
}
.category-boxes.minimal-texts .box .box-texts h2+p {
    font-size: 14px
}
.category-boxes .box .box-texts h2+p {
    font-size: 17px;
    color: #c4c4c4;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.category-boxes .box:hover .box-texts h2+p {
    color: #fff
}
.inner-slider .owl-pagination {
    height: auto;
    text-align: center;
    margin-top: -45px;
    position: absolute;
    width: 100%
}
.inner-slider .owl-pagination .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #fff;
    margin: 3px;
    border: none
}
.inner-slider .owl-pagination .owl-page.active {
    border: 1px solid #fff;
    background: 0 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}
.category-boxes .owl-buttons div,
.inner-slider .owl-buttons div {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}
.inner-slider .owl-buttons {
    text-align: center;
    top: 50%;
    height: 30px;
    margin-top: -15px;
    position: absolute;
    width: 100%
}
.inner-slider .owl-buttons div {
    width: 30px;
    height: 40px;
    position: absolute;
    top: 0;
    background-color: rgba(0, 0, 0, 0);
    line-height: 40px;
    opacity: .5;
    transition: all .5s
}
.inner-slider .owl-buttons div:hover {
    background-color: transparent
}
.double-slider .box:hover .category-inner-slider .owl-buttons div {
    opacity: 1
}
.inner-slider .owl-buttons div.owl-prev {
    left: 0;
    background-image: url(../images/left-arrow.png)
}
.inner-slider .owl-buttons div.owl-next {
    right: 0;
    background-image: url(../images/right-arrow.png)
}
.category-boxes .owl-buttons {
    top: -30px;
    position: relative;
    height: 40px;
    text-align: center
}
.category-boxes .owl-buttons div {
    display: inline-block;
    position: relative;
    height: 40px;
    text-align: center;
    width: 40px;
    background-color: #252525;
    border-radius: 100%;
    margin: 0 5px;
    background-size: auto;
    transition: all .5s
}
.category-boxes .owl-buttons div.owl-prev {
    background-image: url(../images/left-arrow.png)
}
.category-boxes .owl-buttons div.owl-next {
    background-image: url(../images/right-arrow.png)
}
.bottom-page-texts {
    color: #f9f9f9;
    max-width: 900px;
    margin: 0 auto
}
.bottom-page-texts h2 {
    font-size: 24px
}
.bottom-page-texts h2+p {
    font-size: 15px;
    color: #b5b5b5
}
.bottom-page-texts .bottom-page-buttons a {
    margin: 20px 10px;
    border-radius: 6px;
    color: #dadada
}
.bottom-page-texts .bottom-page-buttons a p:nth-of-type(1) {
    font-size: 15px
}
.bottom-page-texts .bottom-page-buttons a p:nth-of-type(2) {
    font-size: 12px
}
.skills {
    padding: 60px 0 0 20px
}
.skills .skill {
    margin: 0 0 30px
}
.skills .progress {
    height: 23px;
    border-radius: 0;
    box-shadow: inset 0 0 0 1px #eee;
    background-color: #f9f9f9;
    position: relative;
    overflow: visible
}
.skills .skill h4 {
    font-size: 15px;
    color: #636363
}
.skills .skill h4+p {
    font-size: 13px;
    color: #aeaeae;
    margin: 4px 0
}
.skills .skill .progress .progress-bar:after {
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid;
    content: '';
    position: relative;
    right: -71px;
    top: -12px;
    float: right
}
.skills .skill .progress .progress-bar.black-type:after {
    border-top-color: #1d1d1d
}
.skills .skill .progress .progress-bar span {
    width: 60px;
    height: 30px;
    background: 0 0;
    font-size: 19px;
    position: relative;
    right: -32px;
    top: -40px;
    float: right;
    color: #757575
}
.mini-skills.skills .skill {
    margin: 0 0 25px
}
.mini-skills.skills .progress {
    height: 4px
}
.mini-skills.skills p {
    margin-bottom: 3px
}
.mini-skills.skills .progress .progress-bar span {
    right: 0;
    top: -27px;
    position: absolute;
    width: auto;
    font-size: 14px
}
.mini-skills.skills .skill .progress .progress-bar:after {
    display: none
}
.mini-skills.skills .skill:last-child {
    margin-bottom: 0
}
#clients .inner {
    padding-bottom: 70px
}
#clients .owl-carousel .owl-wrapper-outer {
    z-index: 3
}
#clients .boxes .owl-controls {
    z-index: 1
}
#clients .boxes .owl-controls .owl-buttons {
    width: 100%;
    height: 50px;
    position: absolute;
    top: 172px
}
#clients .boxes .owl-controls .owl-buttons div {
    width: 35px;
    height: 35px;
    background: #222;
    opacity: .5;
    padding: 0;
    position: relative;
    line-height: 35px;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
div.client-logos a,
div.client-logos a img {
    height: auto;
    max-width: 100%
}
#clients .boxes .owl-controls .owl-buttons div:hover {
    opacity: 1
}
#clients .boxes .owl-controls .owl-buttons div.owl-prev {
    left: -35px;
    float: left
}
#clients .boxes .owl-controls .owl-buttons div.owl-next {
    right: -35px;
    float: right
}
#clients .boxes .owl-pagination .owl-page {
    background: rgba(255, 255, 255, .5)
}
#clients .boxes .owl-pagination .owl-page.active {
    background: rgba(255, 255, 255, 1);
    border: none;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}
#clients .boxes .owl-controls,
.boxes .owl-pagination {
    margin-top: 25px
}
div.client-logos {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: 50px 0
}
div.client-logos a {
    display: inline-block;
    text-align: center;
    width: 100%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s
}
div.client-logos a:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    opacity: 1
}
#clients.bw-type .boxes .owl-pagination {
    display: none
}
#clients .client-logos {
    margin: 0 auto;
    padding: 30px 0
}
#clients .client-logos .client-logo {
    margin: 0 5px
}
#clients .client-logos a {
    padding: 40px;
    height: 120px;
    background-color: rgba(255, 255, 255, .05)
}
#features-mobile {
    border-bottom: 1px solid #e6e6e6
}
#features-mobile .inner {
    padding-bottom: 50px
}
ul.mobile-boxes {
    width: 100%;
    height: auto;
    background: url(../images/glm_icon.png) center center no-repeat;
    margin-top: 45px;
    position: relative;
    margin-bottom: 40px
}
ul.mobile-boxes li {
    float: left;
    display: inline-block;
    width: 48%;
    margin-top: 50px
}
ul.mobile-boxes li .details {
    float: left;
    width: 55%;
    text-align: right
}
ul.mobile-boxes li div.mobile-icon {
    width: 100%;
    height: auto
}
ul.mobile-boxes li div.mobile-icon a {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid;
    display: inline-block;
    text-align: center;
    line-height: 60px;
    font-size: 17px;
    font-weight: 100;
    position: relative;
    background: 0 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
ul.mobile-boxes li:hover div.mobile-icon a {
    color: #fff;
    background: #9a1b24
}
ul.mobile-boxes li div.mobile-icon a:after {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    content: '';
    background: 0 0;
    display: block;
    position: absolute;
    border: 1px solid transparent;
    left: 0;
    top: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
ul.mobile-boxes li:hover div.mobile-icon a:after {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2)
}
ul.mobile-boxes li h4 {
    font-size: 25px;
    color: #656565;
    margin: 15px 0 10px
}
ul.mobile-boxes li h4.minimal-head {
    font-size: 20px
}
ul.mobile-boxes li h4+p {
    color: #7a7a7a;
    margin: 0
}
ul.mobile-boxes li:nth-of-type(2n) {
    float: right
}
ul.mobile-boxes li:nth-of-type(2n) .details {
    float: right;
    text-align: left
}
ul.mobile-boxes li .buttons {
    float: right;
    width: 41%;
    width: calc(45% - 32px);
    right: 0;
    position: relative;
    top: 25px;
    left: auto;
    height: auto
}
ul.mobile-boxes li:nth-of-type(2n) .buttons {
    float: left;
    left: 0;
    right: auto
}
ul.mobile-boxes li .buttons span {
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    border-radius: 100%;
    font-size: 8px;
    color: #333;
    line-height: 20px
}
ul.mobile-boxes li .buttons span.first-icon {
    right: 103%;
    top: -10px
}
ul.mobile-boxes li .buttons span.second-icon {
    right: -10px;
    top: 110%;
    background: #fff;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
ul.mobile-boxes li:hover .buttons span.second-icon {
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}
ul.mobile-boxes li .buttons span.second-icon:hover {
    color: #fff;
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    transform: scale(2)
}
ul.mobile-boxes li:nth-of-type(2n) .buttons span.first-icon {
    left: 103%;
    top: -10px
}
ul.mobile-boxes li:nth-of-type(2n) .buttons span.second-icon {
    left: -10px;
    top: 110%;
    background: #fff
}
ul.mobile-boxes li .buttons .strips {
    border-style: dashed;
    border-color: #939393;
    border-top-width: 1px;
    border-right-width: 1px;
    position: relative;
    left: 0;
    right: auto
}
ul.mobile-boxes li:nth-of-type(2n) .buttons .strips {
    border-style: dashed;
    border-color: #939393;
    border-top-width: 1px;
    position: relative;
    left: auto;
    float: right;
    right: 0;
    border-right-width: 0;
    border-left-width: 1px
}
ul.mobile-boxes li.features-button {
    float: none;
    position: absolute;
    left: 50%;
    margin-left: -48px;
    width: 96px;
    height: 96px;
    display: block;
    bottom: 5px
}
ul.mobile-boxes li.features-button a.black-gradient {
    display: inline-block;
    width: 100%;
    height: 100%;
    border-radius: 100%;
    opacity: .9;
    position: relative;
    cursor: pointer;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
ul.mobile-boxes li.features-button a.black-gradient:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-image: url(../images/plus.png);
    background-repeat: no-repeat;
    background-position: center center
}
ul.mobile-boxes li.features-button a.black-gradient:hover {
    opacity: 1
}
.tooltip {
    z-index: 999!important
}
.tooltip-inner {
    padding: 10px;
    background: #212121;
    color: #fff;
    font-size: 13px;
    border-radius: 5px;
    min-width: 150px
}
.tooltip.top {
    margin-top: -20px
}
.tooltip.bottom {
    margin-top: 20px
}
.tooltip.left {
    margin-left: -25px
}
.tooltip.right {
    margin-left: 20px
}
.tooltip.top .tooltip-arrow {
    border-top-color: #212121!important
}
.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #212121!important
}
.tooltip.left .tooltip-arrow {
    border-left-color: #212121!important
}
.tooltip.right .tooltip-arrow {
    border-right-color: #212121!important
}
#features-mobile .f-collapse {
    display: none
}
.f-collapse.hidden {
    opacity: 0
}
.double-slider .box:hover .inner-slider .owl-pagination .owl-page,
.f-collapse.visible,
.news .box:hover .inner-slider .owl-buttons div {
    opacity: 1
}
#features-mobile .f-collapse div {
    width: 100%;
    height: auto;
    border: 1px dashed #cbcbcb;
    border-radius: 10px;
    background-color: rgba(255, 255, 255, .3);
    font-size: 20px;
    padding: 30px 15px;
    color: #9b9b9b
}
#features-mobile .f-collapse div p {
    margin: 0;
    padding: 0
}
#features-mobile .f-collapse div p a {
    color: inherit;
    font-size: 13px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.news .blog-slider {
    margin: 55px auto 40px
}
.news .box {
    padding: 0 15px;
    cursor: default;
    text-align: center
}
.news .box .details h3 {
    color: #7e7d7d;
    font-size: 18px;
    line-height: normal;
    margin-top: 25px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}
.news .box .details p {
    margin: 15px 0 8px
}
.news .box img {
    width: 100%
}
.news .box .details p.post-details {
    font-size: 13px;
    color: #8a8a8a
}
.news .box .details p.post-details i {
    margin-right: 3px
}
.news .box .details p.post-details i:nth-of-type(2) {
    margin-left: 8px
}
.news .box .details p.post_message {
    font-size: 14px;
    font-weight: 300;
    line-height: 25px
}
.news .box .details a.post_read_more_button {
    width: 100%;
    height: auto;
    padding: 10px;
    text-align: center;
    display: block;
    outline: 0;
    border: none;
    background: #f2f2f2;
    color: #9a1b24;
    margin-top: 10px;
    font-weight: 300;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.news .box .details a.post_read_more_button:hover {
    color: #fff;
    background: #9a1b24
}
.news .inner-slider .owl-pagination {
    margin-top: -25px
}
.news .box .inner-slider .owl-pagination .owl-page {
    opacity: 1;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.news .box .inner-slider .owl-pagination .owl-page.active {
    border: 1px solid #fff;
    background: 0 0
}
.news .owl-pagination {
    height: auto;
    text-align: center;
    margin-top: 50px;
    position: absolute;
    width: 100%
}
.news .owl-pagination .owl-page {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 100%;
    background: #bbb;
    margin: 3px;
    border: none;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.news .owl-pagination .owl-page.active {
    border: 1px solid #bbb;
    background: 0 0;
    -webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}
#pricing-tables .inner {
    padding-bottom: 40px
}
#pricing-tables .price_boxes .box {
    float: left;
    width: 24%;
    width: calc(25% - 10px);
    padding: 30px 10px;
    margin: 0 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#pricing-tables .price_boxes .box.active,
#pricing-tables .price_boxes .box:hover {
    background-color: rgba(27, 27, 27, .15)
}
#pricing-tables .price_boxes h2.head {
    font-size: 35px;
    margin: 0 0 -10px;
    padding: 0
}
#pricing-tables .price_boxes h1.price {
    font-size: 55px;
    margin: 0;
    padding: 0
}
#pricing-tables .price_boxes h1.price span {
    font-size: 18px;
    color: #919191
}
#pricing-tables .price_boxes {
    margin-top: 50px
}
#pricing-tables .price_boxes ul.price_list {
    margin: 38px auto 0;
    padding: 0 15px
}
#pricing-tables .price_boxes ul.price_list li {
    color: #d9d9d9;
    display: block;
    height: auto;
    padding: 17px 0;
    border-bottom: 1px solid rgba(176, 176, 176, .1);
    line-height: 20px
}
#pricing-tables .price_boxes ul.price_list li:last-child {
    padding-bottom: none
}
#pricing-tables .price_boxes ul.price_list li.important {
    color: #fff
}
#pricing-tables .price_boxes a.price_button {
    display: inline-block;
    width: auto;
    margin: 20px auto 0;
    padding: 10px 27px;
    background: rgba(29, 29, 29, .2);
    font-size: 13px;
    opacity: .7;
    border-radius: 4px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#pricing-tables .price_boxes .box.active a.price_button:hover {
    opacity: .9
}
#career,
#contact {
    overflow: hidden
}
.contact .grayscale-bg {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}
.contact .address,
.contact .contact_form {
    margin-top: 10px
}
.contact .address {
    width: 40%;
    background: rgba(255, 255, 255, .02);
    color: #c6c6c6;
    padding-bottom: 34px
}
.contact .address a.box .details h4,
.contact .address a.box .details p {
    color: #c6c6c6
}
.contact .address div.address_head h3 {
    margin: 0;
    padding: 35px 30px 20px
}
.contact .address a.box {
    display: block;
    width: 100%;
    padding: 0 0 0 30px;
    height: 72px;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.contact .address a.box div {
    height: 72px;
    display: inline-block
}
.contact .address a.box .icon {
    height: 100%;
    line-height: 72px;
    font-size: 15px;
    position: absolute;
    top: 0
}
.contact .address a.box .details {
    position: relative;
    left: 30px
}
.contact .address a.box .details h4 {
    padding: 0;
    font-size: 24px;
    margin-bottom: 3px;
    font-weight: inherit
}
.contact .address a.box .details p {
    padding: 0;
    font-size: 14px;
    margin: 0 0 6px
}
.contact .address a.box .button {
    line-height: 57px!important;
    width: 72px;
    text-align: center;
    opacity: 0;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    background: rgba(255, 255, 255, .05);
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.contact .address a.box .button img {
    width: 23px;
    height: 23px
}
.contact .address a.box:hover .button {
    opacity: .7
}
.contact .address a.box .address-note h4 {
    font-size: 25px;
    color: #c6c6c6;
    margin-bottom: 5px;
    font-weight: inherit
}
.contact .address a.box .address-note p {
    font-size: 14px;
    color: #c6c6c6
}
.contact .address .socials {
    width: auto;
    left: 30px;
    position: relative;
    margin-top: 10px
}
.contact .address .socials a {
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    font-size: 14px;
    border-radius: 100%;
    color: #fff;
    opacity: .5;
    background: rgba(255, 255, 255, .4);
    display: inline-block;
    margin-right: 8px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.contact.white-layout .address a.box .address-note h4,
.contact.white-layout .address a.box .address-note p,
.contact.white-layout .address a.box .details h4,
.contact.white-layout .address a.box .details p {
    color: #888
}
.contact .address .socials a:hover {
    opacity: 1
}
select {
    border: 1px solid #f5f5f5;
    background-color: #fdfdfd;
    padding: 10px 15px;
    outline: 0;
   /*  margin-top: 15px; */
    width: 100%
}
option {
    padding: 15px
}
.contact.white-layout .address {
    background: rgba(0, 0, 0, .02);
    color: #888
}
.contact .address a.box.hover:hover,
.contact.white-layout .address a.box .button {
    background: rgba(0, 0, 0, .05)
}
.contact.white-layout .address .socials a {
    color: #fff;
    background: rgba(0, 0, 0, .4)
}
.contact.white-layout .contact_form {
    background: rgba(240, 240, 240, .6);
    color: #c6c6c6
}
.contact.white-layout .form.dark_form input,
.contact.white-layout .form.dark_form textarea {
    background: rgba(255, 255, 255, .6);
    border-color: #ddddd;
    color: #8a8a8a
}
.contact.white-layout .form.dark_form input:hover,
.contact.white-layout .form.dark_form textarea:hover {
    background-color: #fafafa;
    border-color: #dadada
}
.contact.white-layout .dark_form .error_message,
.contact.white-layout .dark_form .submit_message {
    background-color: #ebebeb;
    color: #555
}
.contact.white-layout .form button {
    opacity: .8
}
section.address a.box {
    width: 33.3%;
    position: relative;
    height: auto
}
section.address a.box .icon {
    width: 20%;
    height: 100%;
    line-height: 166px;
    background-color: rgba(0, 0, 0, .4);
    text-align: center;
    color: #fff;
    font-size: 31px;
    opacity: .5;
    position: relative;
    z-index: 2
}
section.address a.box:nth-of-type(2) .icon {
    font-size: 19px
}
section.address a.box .texts {
    padding: 55px 15px;
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 77.6%;
    width: calc(80% - 10px);
    right: 0
}
section.address a.box .texts h3 {
    font-size: 30px;
    color: #c3c3c3;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
section.address a.box .texts p {
    font-size: 16px;
    color: #b0b0b0;
    position: relative;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
section.address a.box .texts:before {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    content: '';
    opacity: .2;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
section.address a.box .texts span.arrow,
section.address a.box .texts span.arrow:before {
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    left: -10px;
    content: '';
    position: absolute
}
section.address a.box .texts span.arrow {
    top: 50%;
    margin-top: -10px;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-left: 10px solid rgba(0, 0, 0, 1);
    opacity: .2;
    transition: all .3s
}
section.address a.box .texts span.arrow:before {
    top: 10px;
    width: 10px;
    height: 73px;
    background-color: transparent;
    transition: all .3s
}
section.address a.box .texts span.arrow:after {
    position: absolute;
    left: -10px;
    bottom: 10px;
    content: '';
    width: 10px;
    height: 73px;
    background-color: transparent;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.contact .form button,
.contact .form input,
.contact .form textarea {
    margin-top: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    outline: 0
}
section.address a.box:hover h3,
section.address a.box:hover p {
    color: #fff
}
.contact .contact_form {
    width: 50%;
    /* width: calc(60% - 30px); */
    background: rgba(255, 255, 255, .02);
    color: #c6c6c6;
    padding: 14px 28px 25px;
    text-align: right;
    margin-left: auto;
    /* margin-right: auto; */
}
.contact .dark_form .error_message,
.contact .dark_form .submit_message {
    display: none;
    padding: 15px 20px;
    background-color: rgba(0, 0, 0, .2);
    margin-top: 15px
}
.contact .white-form .error_message,
.contact .white-form .submit_message {
    display: none;
    padding: 15px 20px;
    background-color: #fafafa;
    margin-top: 15px;
    color: #888
}
.contact .error_message i {
    color: #ffa200;
    margin-right: 5px
}
.contact .submit_message i {
    color: #2dbde1;
    margin-right: 5px
}
.contact .form input,
.contact .form textarea {
    width: 100%;
    padding: 15px 20px;
    border: 1px solid;
    transition: all .5s
}
.contact .form textarea {
    min-height: 135px;
    max-width: 100%
}
.contact .form.dark_form input,
.contact .form.dark_form textarea {
    background-color: rgba(0, 0, 0, .2);
    border-color: rgba(255, 255, 255, .2)
}
.contact .form input#verify {
    width: auto;
    font-family: Tahoma, Verdana, Segoe, sans-serif;
    display: block;
    float: left;
    padding: 10px 20px;
    max-width: 100px;
    text-align: center;
    color: #333
}
.contact .type-2 .form input#verify {
    width: 100%;
    display: block;
    float: left;
    padding: 10px 20px;
    max-width: 100%;
    text-align: center
}
.contact .form button {
    width: auto;
    height: auto;
    padding: 11px 50px;
    border: none;
    opacity: .6;
    margin-left: 13px;
    transition: all .5s;
    background: #9a1b24
}
.contact .form button:hover {
    opacity: 1
}
.contact .form button:active {
    opacity: .8
}
.contact .form button#clear {
    background-color: rgba(0, 0, 0, .2)
}
input,
textarea {
    outline: 0
}
.light-form button,
.light-form input,
.light-form select,
.light-form textarea {
    font-size: 13px;
    background: #fdfdfd;
    border: 1px solid #eee
}
.light-form textarea {
    min-height: 100px
}
.contact .contact_form.type-2 {
    width: 95%;
    max-width: 970px;
    margin: 20px auto 0;
    color: #c6c6c6;
    background: 0 0;
    padding: 20px;
    text-align: right
}
.contact .contact_form.type-2 div div {
    width: 50%
}
.contact .contact_form.type-2 div div:first-child {
    padding-right: 10px
}
.contact .contact_form.type-2 div div:last-child {
    padding-left: 10px
}
.contact .contact_form.type-2 button,
.contact .contact_form.type-2 input,
.contact .contact_form.type-2 textarea {
    font-size: 15px;
    text-transform: uppercase;
    opacity: 1;
    border-radius: 6px;
    line-height: 28px;
    padding: 13px 20px
}
.contact .contact_form.type-2 textarea {
    min-height: 180px
}
.contact .contact_form.type-2.white-form button,
.contact .contact_form.type-2.white-form input,
.contact .contact_form.type-2.white-form textarea {
    border-color: #eaeaea;
    background-color: #fdfdfd;
    color: #acacac
}
.contact .contact_form.type-2.white-form input:focus,
.contact .contact_form.type-2.white-form input:hover,
.contact .contact_form.type-2.white-form textarea:focus,
.contact .contact_form.type-2.white-form textarea:hover {
    border-color: #cfcfcf
}
.contact .contact_form.type-2 button {
    border: 1px solid;
    width: 100%;
    height: auto;
    padding: 12px 50px;
    margin-top: 13px;
    margin-left: 0
}
.contact .contact_form.type-2.white-form button:hover {
    color: #fff
}
#google_map {
    height: 500px
}
footer {
    padding: 15px 0 45px
}
footer .logo:after {
    display: block;
    width: 30px;
    height: 1px;
    content: '';
    bottom: -18px;
    position: absolute;
    left: 50%;
    margin-left: -15px
}
footer.black-bg .logo:after {
    background-color: #535353
}
footer.white-bg .logo:after {
    background-color: #bbb
}
footer p {
    margin-top: 30px;
    font-size: 10px;
    margin-bottom: 0
}
footer.black-bg a,
footer.black-bg p {
    color: #b2b2b2
}
footer.white-bg a,
footer.white-bg p {
    color: #494949
}
footer a {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
footer a.top-button {
    display: inline-block;
    width: 45px;
    height: 30px;
    position: relative;
    top: 0;
    text-align: center;
    font-size: 20px;
    line-height: 30px;
    color: #fff !important
}
footer.big-footer {
    width: 100%;
    height: auto;
    text-align: center!important;
    padding: 0
}
footer.big-footer .footer_header {
    font-size: 18px;
    text-transform: uppercase
}
footer.big-footer .footer_header+*,
footer.big-footer p {
    font-size: 15px;
    margin-top: 15px;
    line-height: 25px
}
footer.big-footer ol li {
    padding: 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
footer.big-footer ol li a {
    padding: 5px 0;
    display: block;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
footer.big-footer ol li a:hover {
    padding-left: 3px
}
footer.big-footer ol li a:hover:before {
    left: 3px
}
footer.big-footer ol li:last-child {
    border-bottom: none
}
footer.big-footer #latest_tweets ul li {
    position: relative;
    padding: 0 0 15px
}
footer.big-footer #latest_tweets ul li:before {
    content: "\f099";
    margin-left: 0;
    color: #959494;
    top: 0;
    left: -20px;
    position: absolute;
    font-family: FontAwesome;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
footer.big-footer #latest_tweets ul li>a {
    display: inline-block;
    width: 20px;
    height: 20px
}
footer.big-footer #latest_tweets ul li>a img {
    width: 20px;
    height: 20px;
    border-radius: 2px
}
footer.big-footer #latest_tweets ul li a:hover {
    opacity: .8
}
footer.big-footer #flickr_badge_wrapper .flickr_badge_image {
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
footer.big-footer #flickr_badge_wrapper .flickr_badge_image:hover {
    opacity: .7
}
footer.big-footer #flickr_badge_wrapper .flickr_badge_image img {
    width: 60px;
    height: 60px
}
footer.big-footer .footer_bottom {
    padding: 0 0 0 0
}
footer.big-footer .footer_bottom>div {
    padding: 5px 10px
}
footer.big-footer .footer_bottom p {
    margin-top: 10px;
    margin-bottom: 0
}
footer.big-footer .footer_bottom a.social {
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
    margin-left: 2px;
    border-radius: 3px
}
footer.big-footer.dark-footer .footer_bottom a.social:hover {
    opacity: 1;
    color: #fff
}
footer.big-footer.dark-footer .footer_bottom a:hover {
    opacity: .9
}
footer.big-footer.dark-footer,
footer.big-footer.dark-footer a {
    color: #111;
}
footer.big-footer.dark-footer .footer_header {
    color: #111
}
footer.big-footer.dark-footer ol li a:hover,
footer.big-footer.dark-footer ol li a:hover:before {
    color: #fff
}
footer.big-footer.light-footer {
    background-color: #f1f1f1
}
footer.big-footer.light-footer,
footer.big-footer.light-footer a {
    color: #737373
}
footer.big-footer.light-footer ol li a:hover {
    background-color: #eee;
    color: #232323
}
footer.big-footer.light-footer ol li a:hover:before {
    color: #232323
}
footer.big-footer.light-footer .footer_header {
    color: #5b5b5b
}
footer.big-footer.light-footer li {
    border-color: #ddd
}
footer.big-footer.light-footer .footer_bottom a.social:hover {
    background-color: #ddd
}
footer.big-footer.light-footer .footer_bottom {
    border-top: 1px solid #dadada;
    background-color: #e3e3e3
}
#fullpage .home-button {
    margin-top: 25px
}
#fullpage .page_bottom_note {
    width: 100%;
    height: auto;
    position: absolute;
    bottom: 45px
}
#fullpage .page_bottom_note a {
    font-size: 20px;
    color: #ddd
}
#fullpage .page_bottom_note a img {
    margin-top: -4px
}
#fullpage a.arrow {
    margin: 40px auto;
    display: block;
    cursor: default
}
.feature-boxes.type-5 {
    margin: 40px auto 0;
    border: 1px dashed rgba(255, 255, 255, .3)
}
.feature-boxes.type-5 .feature-box {
    margin: 0;
    border-left: 1px dashed rgba(255, 255, 255, .3);
    display: block;
    padding: 35px 15px 25px 25px;
    cursor: move;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.feature-boxes.type-5 .feature-box p {
    color: #ccc
}
.feature-boxes.type-5 .feature-box:hover {
    background: rgba(49, 34, 34, .5)
}
.feature-boxes.type-5 .owl-item:nth-of-type(1) .feature-box {
    border-left: none
}
.feature-boxes.type-5 .feature-box .feature-icon {
    width: auto;
    margin-right: 0;
    background: 0 0;
    line-height: 0
}
.feature-boxes.type-5 .feature-box .feature-icon:after {
    display: none
}
.feature-boxes.type-5 .feature-box .feature-text {
    width: calc(100% - 50px);
    padding-left: 23px
}
.feature-boxes.type-5+h4 {
    margin-top: 65px
}
.categories_full_screen .boxes .box {
    height: 100%;
    cursor: crosshair;
    overflow: hidden;
    opacity: .5;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.categories_full_screen .boxes .box:hover {
    opacity: .8;
    z-index: 150
}
.categories_full_screen .boxes .box .category-image {
    position: relative;
    height: 100%;
    width: auto
}
.categories_full_screen .boxes .box .category-image img {
    top: 0;
    height: 100%;
    width: auto;
    position: absolute;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.categories_full_screen .boxes .box:hover .category-image img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}
.categories_full_screen .boxes .box .category-image img.right {
    right: 0
}
.categories_full_screen .boxes .box .category-image img.left {
    left: 0
}
.categories_full_screen .boxes .box:hover .category-image img.left {
    left: 5%
}
.categories_full_screen .boxes .box:hover .category-image img.right {
    right: 5%
}
.categories_full_screen .boxes .box .texts {
    position: absolute;
    left: 20px;
    top: 50%;
    opacity: .5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.categories_full_screen .boxes .box:hover .texts {
    opacity: .8
}
.categories_full_screen .boxes .box .texts h1 {
    font-size: 70px
}
.categories_full_screen .boxes .box .texts h1:after {
    position: relative;
    content: '';
    bottom: -25px;
    width: 30px;
    height: 1px;
    left: 0;
    display: block;
    background: #ccc
}
.categories_full_screen .boxes .box .texts h2 {
    font-size: 27px;
    margin-top: 30px
}
.categories_full_screen .boxes .box .texts p {
    font-size: 14px;
    margin-top: 25px;
    color: #d7d7d7
}
.categories_full_screen .boxes .box .texts a.read_more {
    display: inline-block;
    width: 30px;
    height: 30px;
    position: relative;
    text-align: center;
    font-size: 20px;
    color: #fdfdfd;
    margin-top: 17px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.categories_full_screen .boxes .box .texts a.read_more:before {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    border: 2px solid #fdfdfd;
    content: '';
    border-radius: 100%;
    opacity: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    -webkit-transform: scale(1.3);
    -moz-transform: scale(1.3);
    -ms-transform: scale(1.3);
    transform: scale(1.3)
}
.categories_full_screen .boxes .box:hover .texts a.read_more {
    -webkit-transform: scale(.5);
    -moz-transform: scale(.5);
    -ms-transform: scale(.5);
    transform: scale(.5)
}
.categories_full_screen .boxes .box:hover .texts a.read_more:before {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1
}
.categories_full_screen .boxes .box .texts a.read_more+span {
    top: -1px;
    position: relative;
    opacity: 0;
    display: inline-block;
    left: 0;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.categories_full_screen .boxes .box:hover .texts a.read_more+span {
    opacity: 1
}
.categories_full_screen .boxes .box .texts a.read_more:hover+span {
    left: 5px
}
.categories_full_screen .boxes .box:hover .texts a.read_more:hover {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(.7)
}
.categories_full_screen .owl-controls {
    display: none;
    margin: 0!important
}
.categories_full_screen.transparent-type .box {
    border-right: 1px solid rgba(255, 255, 255, .1)
}
.categories_full_screen.transparent-type .box:hover {
    background-color: rgba(23, 26, 29, .3)
}
.fp-fixed-header {
    font-size: 25px!important;
    color: #c6c6c6
}
.fp-header {
    font-size: 50px!important;
    color: #eee
}
.fp-fixed-text {
    font-size: 14px;
    color: #b4b4b4;
    max-width: 500px;
    margin: 15px auto 0
}
#fullpage .slides-navigation {
    width: 80px;
    top: auto;
    bottom: 0;
    left: 50%;
    margin-left: -40px
}
#fullpage .slides-navigation a {
    height: 35px;
    border-radius: 100%
}
#fullpage .slides-navigation a i {
    line-height: 35px;
    font-size: 17px
}
#fp-nav ul li a span,
.fp-slidesNav ul li a span {
    border-color: #ddd;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#fp-nav ul li a.active span,
.fp-slidesNav ul li a.active span {
    background-color: #ddd;
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}
#fp-nav ul li .fp-tooltip {
    top: -5px
}
#fullpage .slides-navigation.type-2 {
    width: 100%;
    max-width: 1170px;
    top: auto;
    bottom: 45px;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    height: 45px;
    position: relative;
    margin-top: 0
}
#fullpage .slides-navigation.type-2 a {
    float: none;
    left: 0;
    position: relative;
    display: inline-block;
    border-radius: 0;
    width: 30px;
    height: 45px;
    line-height: 51px;
    cursor: pointer
}
.home-text-slider {
    cursor: default
}
.video_section .home-text-slider h1:after {
    position: relative;
    content: '';
    bottom: -25px;
    width: 30px;
    height: 1px;
    margin: 0 auto;
    display: block;
    background: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.video_section .t-left .home-text-slider h1:after {
    margin-left: 0;
    bottom: -40px
}
.video_section .home-text-slider p.fp-fixed-text {
    top: 30px;
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.video_section .home-text-slider span+p.fp-fixed-text {
    top: 0
}
.video_section .home-text-slider:hover h1:after {
    width: 80px
}
.video_section .home-text-slider:hover p.fp-fixed-text {
    top: 40px;
    opacity: 0
}
.video_section.moving_controls .mb_YTPBar {
    display: block;
    width: 300px;
    position: relative!important;
    height: 10px;
    padding: 5px;
    background: 0 0;
    top: 40px;
    bottom: auto;
    left: auto;
    z-index: 1000;
    font: 14px/16px sans-serif;
    color: #fff;
    opacity: 0;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.video_section .home-text-slider:hover .mb_YTPBar {
    top: 60px;
    opacity: 1
}
.video_section .mb_YTPBar .buttonBar {
    background: 0 0!important;
    padding: 0
}
.video_section .mb_YTPBar .mb_YTPUrl.ytpicon,
.video_section .mb_YTPBar span.mb_OnlyYT,
.video_section .mb_YTPBar span.mb_YTPTime,
.video_section .mb_YTPProgress {
    display: none!important
}
.video_section .mb_YTPMuteUnmute.ytpicon,
.video_section .mb_YTPPlaypause.ytpicon {
    display: inline-block;
    margin: 0 5px;
    left: 0;
    bottom: 0
}
.controls-type-2 .mb_YTPBar {
    left: 50%;
    left: calc(50% - 585px);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    opacity: 1;
    bottom: 12px;
    background-color: transparent;
    width: 70px
}
.controls-type-2 .mb_YTPBar span {
    margin: 0 3px 0 0;
    text-align: center;
    font-size: 15px;
    background-color: rgba(255, 255, 255, .4);
    width: 30px;
    height: 45px;
    line-height: 45px;
    bottom: 10px;
    opacity: .3;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.controls-type-2 .mb_YTPBar span:hover {
    opacity: .7
}
ul.moving-items {
    width: 100%;
    height: 90%;
    max-width: 60%;
    top: 50px;
    position: absolute;
    left: 50%;
    margin-left: -27%;
    z-index: 1
}
ul.moving-items .box {
    position: absolute;
    width: auto;
    max-width: 260px
}
ul.moving-items .box span {
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
ul.moving-items .box span.icon {
    font-size: 20px;
    position: relative;
    top: 1px
}
ul.moving-items .box:hover span.icon {
    -webkit-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5)
}
ul.moving-items .box:nth-of-type(1) {
    left: 15%!important;
    top: 20%!important
}
ul.moving-items .box:nth-of-type(2) {
    left: 75%!important;
    top: 55%!important
}
ul.moving-items .tooltip-inner {
    padding: 10px;
    background: #fff;
    color: #6b777c;
    font-size: 13px;
    font-style: inherit;
    border-radius: 5px;
    min-width: 130px;
    font-weight: 500;
    -webkit-font-smoothing: antialiased
}
ul.moving-items .tooltip.top .tooltip-arrow {
    border-top-color: #fff!important
}
ul.moving-items .tooltip.bottom .tooltip-arrow {
    border-bottom-color: #fff!important
}
ul.moving-items .tooltip.left .tooltip-arrow {
    border-left-color: #fff!important
}
ul.moving-items .tooltip.right .tooltip-arrow {
    border-right-color: #fff!important
}
#shop {
    margin: 80px auto 50px
}
#shop .box {
    margin-bottom: 30px
}
#shop .box .box_inner {
    border: 1px solid #ededed
}
#shop .box .item_image {
    position: relative;
    display: block;
    overflow: hidden
}
#shop .box .item_image img {
    width: 100%;
    height: auto
}
#shop .box .item_image span.more {
    width: 100%;
    height: 40px;
    background-color: #4a4a4a;
    bottom: -40px;
    left: 0;
    margin-top: 0;
    position: absolute;
    display: block;
    text-align: center;
    padding: 0;
    border-radius: 0;
    font-size: 14px;
    color: #fafafa;
    line-height: 40px;
    opacity: 1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
#shop .box .item_image:hover span.more {
    bottom: 0
}
#shop .box .item_image span.more:hover {
    color: #fff
}
#shop span.shop_label {
    width: auto;
    height: auto;
    position: absolute;
    right: 10px;
    top: 10px;
    display: block;
    padding: 4px 8px 2px;
    border-radius: 3px;
    cursor: default;
    font-size: 12px;
    z-index: 5;
    color: #fff
}
#shop .box .item_details {
    padding: 15px;
    width: 100%;
    cursor: default;
    margin: 0
}
#shop .box .item_details .left {
    width: 75%
}
#shop .box .item_details .shop_item_header {
    font-size: 16px;
    color: #5c5c5c;
    margin: 0;
    padding: 0
}
#shop .box .item_details .shop_item_description {
    font-size: 13px;
    color: #a9a9a9;
    margin: 7px 0 0;
    padding: 0
}
#shop .box .item_details .old_price {
    font-size: 13px;
    color: #a9a9a9;
    margin: 0;
    text-decoration: line-through;
    padding: 0;
    font-weight: 100
}
#shop .box .item_details .price {
    font-size: 17px;
    color: #616161;
    margin: 0;
    padding: 0
}
#shop .box .item_buttons {
    border-top: 1px solid #f4f4f4
}
#shop .box .item_buttons a {
    font-size: 12px;
    padding: 15px;
    color: #5c5c5c;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#shop .box .item_buttons a:hover {
    background: #f4f4f4
}
#shop .box .item_buttons a i {
    margin-right: 4px
}
#shop .box .ratings {
    position: absolute;
    left: 10px;
    top: 10px;
    cursor: default;
    color: #555
}
div.pagination {
    padding-right: 15px
}
div.pagination ul li a,
div.pagination ul li a:focus {
    padding: 9px 15px;
    color: #8b8b8b;
    font-weight: 100;
    border-color: #ededed;
    background-color: transparent;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
div.pagination ul li a:hover {
    background-color: #fdfdfd
}
div.pagination ul li.active a,
div.pagination ul li.active a:hover {
    background-color: transparent;
    border-color: #cacaca;
    color: #8b8b8b
}
#shop .single_item_details .left {
    width: 40%;
    position: relative
}
#shop .single_item_details .image-pgn-slider ul.slides {
    width: 100%
}
#shop .single_item_details .image-pgn-slider ul.slides li img {
    width: 100%;
    height: auto
}
#shop .single_item_details .flex-control-thumbs {
    margin: 0
}
#shop .single_item_details .flex-control-thumbs li {
    margin: 3px 3px 0 0;
    width: calc(25% - 2.5px);
    display: inline-block
}
#shop .single_item_details .flex-control-thumbs li:last-child {
    margin-right: 0
}
#shop .single_item_details .flex-control-thumbs li img {
    vertical-align: middle;
    opacity: .5;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#shop .single_item_details .flex-control-thumbs li img.flex-active,
#shop .single_item_details .flex-control-thumbs li img:hover {
    opacity: 1
}
#shop .single_item_details .right {
    padding: 0 20px;
    width: 60%
}
#shop .single_item_details .right .single_item_header {
    margin: 8px 0;
    font-size: 21px
}
#shop .single_item_details .right .single_item_price {
    margin: 15px 0;
    font-size: 18px
}
#shop span.strip {
    width: 100%;
    height: 1px;
    display: block;
    margin: 22px 0;
    background-color: #ebebeb
}
#shop .single_item_details .right p.description,
#shop .single_item_details .right ul li {
    font-size: 14px;
    line-height: 25px;
    color: #969696
}
#shop .single_item_details .right ul {
    margin-top: 20px
}
#shop .single_item_details .right ul li {
    margin-top: 10px
}
#shop .single_item_details .right a.cart-button {
    width: auto;
    margin-left: 30px;
    font-size: 13px;
    color: #fff;
    background: #505050;
    padding: 14px 19px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#shop .single_item_details .right .panel {
    background-color: #fdfdfd;
    border-color: #eee;
    margin-top: 25px
}
#shop .single_item_details .right .panel a {
    color: inherit;
    margin: 0 5px 0 0
}
#shop .single_item_details .right .panel a:hover {
    background: 0 0
}
#shop .single_item_details .right .panel p:last-child {
    margin: 0
}
#shop .item_tabs {
    margin-top: 70px
}
.nav-tabs>li>a {
    color: #848484;
    font-size: 13px
}
.nav-tabs>li>a:hover {
    background-color: #fdfdfd
}
.tab-content>.tab-pane {
    padding: 25px 0;
    color: #9d9d9d
}
.media-list .media {
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #efefef
}
.media-list .media:last-child {
    border-bottom: transparent
}
.related-products {
    margin-top: 50px
}
.related-products .boxes {
    margin-top: 50px;
    padding: 0
}
.login_type {
    max-width: 400px;
    width: 100%;
    margin: 0 auto
}
.strip_form {
    background: 0 0;
    border: 1px solid rgba(210, 210, 210, 1);
    border-radius: 30px;
    padding: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
.strip_button {
    border-radius: 30px;
    padding: 15px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    border: none
}
.strip_button:hover {
    opacity: .9
}
#blog.masonry-blog .item .details h2.head:hover,
.strip_button:active {
    opacity: .8
}
.strip_form:hover {
    background: rgba(0, 0, 0, .06)
}
.strip_form:focus {
    background: rgba(0, 0, 0, .1)
}
.watch-our-video {
    width: 100%;
    height: 700px;
    max-width: 100%;
    overflow: hidden;
    position: relative
}
#blog.masonry-blog .item .item-top,
#blog.masonry-blog .item .item_image {
    width: auto;
    height: auto;
    position: relative
}
.widget .widget-head {
    background: #9a1b24;
    font-size: 20px;
    line-height: normal;
    margin-top: 0;
    padding: 10px 15px;
    text-transform: uppercase;
    color: #fff
}
.widget p.widget-desc {
    font-size: 12px;
    color: #9d9d9d;
    line-height: 23px
}
.masonry-blog {
    margin: 40px auto
}
#blog.masonry-blog {
    background: #f1f1f1;
    margin: 0;
    padding: 40px
}
#blog.masonry-blog .item {
    z-index: 1
}
#blog.masonry-blog .item div {
    background: #fff
}
#blog.masonry-blog .item .item_image {
    display: block;
    overflow: hidden
}
#blog.masonry-blog .item .item_image img {
    position: relative;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#blog.masonry-blog .item .item_image:hover img {
    position: relative;
    -webkit-transform: scale(1.12);
    -moz-transform: scale(1.12);
    -ms-transform: scale(1.12);
    transform: scale(1.12)
}
#blog.masonry-blog .item .item_button {
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    text-align: center;
    font-size: 15px;
    right: -40px;
    color: #fff;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#blog.masonry-blog .item:hover .item_button {
    right: 13px
}
#blog.masonry-blog .item .item_button.first {
    bottom: 5px;
    -webkit-transition-delay: .2s;
    -moz-transition-delay: .2s;
    transition-delay: .2s
}
#blog.masonry-blog .item .item_button.second {
    bottom: 30px;
    -webkit-transition-delay: .3s;
    -moz-transition-delay: .3s;
    transition-delay: .3s
}
#blog.masonry-blog .item .details {
    padding: 25px 20px;
    cursor: default
}
#blog.masonry-blog .item .details h2.head {
    font-size: 26px;
    margin: 0;
    padding: 0;
    font-weight: 100;
    color: #6f6f6f;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#blog.masonry-blog .item .details p.description {
    font-size: 13px;
    margin: 8px 0 0;
    padding: 0;
    line-height: 22px;
    color: #909090;
    font-weight: 200
}
#blog.masonry-blog .item a.posted_button {
    display: block;
    padding: 15px;
    color: #909090;
    border-top: 1px solid #f1f1f1;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}
#blog.masonry-blog .item a.posted_button:hover {
    background: rgba(0, 0, 0, .01)
}
#blog.masonry-blog .item a.posted_button img {
    display: inline-block;
    width: 33px;
    height: 33px;
    border-radius: 100%;
    vertical-align: top;
    margin-right: 5px;
    min-width: 33px
}
#blog.masonry-blog .item a.posted_button p {
    display: inline-block;
    font-size: 14px;
    color: #9d9d9d;
    margin: 0
}
#blog.masonry-blog .item a.posted_button p span {
    display: block;
    font-size: 11px
}
.widget ul.categories {
    width: 100%;
    padding-left: 10px;
    height: auto
}
.widget ul.categories li {
    display: block;
    width: 100%;
    padding: 0;
    border-bottom: 1px solid #f1f1f1;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.widget ul.categories li a {
    display: inline-block;
    padding: 10px 10px 10px 5px;
    color: #333;
    width: 90%;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.widget ul.categories li:last-child {
    border-bottom: 1px solid transparent
}
.widget ul.categories li:before {
    font-family: FontAwesome;
    content: "\f105";
    font-weight: 400;
    font-style: normal;
    top: 0;
    margin-left: 0;
    color: #959494;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.widget ul.categories li:hover a,
.widget ul.categories li:hover:before {
    color: #fff
}
.widget ul.categories li:hover:before {
    margin-left: 10px
}
.sidebar .widget a.tag {
    display: inline-block;
    margin: 3px 2px;
    padding: 5px 9px;
    border: 1px solid #d3d3d3;
    color: #acacac;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 200
}
.sidebar .widget a.tag:hover {
    color: #fff;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.widget .search {
    width: 100%;
    padding: 12px;
    border: 1px solid #d8d8d8;
    outline: 0;
    position: relative;
    border-radius: 2px;
    color: grey;
    font-weight: 100;
    font-size: 13px;
    margin: 0 auto
}
.widget .search-button {
    width: 15%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    color: #d8d8d8;
    border: none;
    outline: 0;
    padding: 3px 7px;
    background: 0 0;
    text-align: center;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    font-size: 12px
}
.post .dates {
    width: 20%
}
.post .dates .date {
    font-size: 15px;
    text-align: right;
    color: #858585;
    margin-right: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 20px;
    padding-bottom: 20px
}
.post .dates span.day {
    font-size: 55px;
    text-align: right;
    display: block
}
.post .dates .details ul li {
    text-align: inherit;
    text-transform: uppercase;
    color: #bbb;
    font-size: 12px;
    position: relative;
    cursor: default;
    padding: 7px 48px 5px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.post .dates .details ul li:hover {
    background-color: #fafafa
}
.post .dates .details ul li a {
    color: inherit;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s
}
.reply-form button,
.votes a {
    -webkit-transition: all .3s;
    -moz-transition: all .3s
}
.post .dates .details ul li i {
    margin-left: 4px;
    margin-top: -2px;
    position: absolute;
    right: 30px;
    top: 10px
}
.dates.for-mobile {
    width: 100%;
    float: none;
    display: none
}
.dates.for-mobile .date,
.dates.for-mobile .details {
    width: auto;
    display: inline-block
}
.dates.for-mobile span.day {
    font-size: 14px;
    text-align: left;
    display: inline-block
}
.dates.for-mobile .date {
    border: none!important;
    margin: 0 5px 0 0;
    padding: 0;
    text-align: left;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 300
}
.dates.for-mobile .details ul {
    text-align: left!important
}
.dates.for-mobile .details ul li {
    width: auto;
    display: inline-block;
    padding: 0 10px 0 0;
    font-size: 13px;
    margin-left: 5px;
    background: 0 0!important
}
.dates.for-mobile .details ul li i {
    position: relative;
    right: 0;
    top: 0
}
.post {
    margin-top: 100px
}
.posts .post:nth-of-type(1) {
    margin-top: 0
}
.post .post-inner {
    width: 80%
}
.post .post-inner .post-header {
    margin-top: -45px;
    margin-bottom: 23px;
    color: #5f5f5f;
    font-size: 22px
}
.post .post-inner .post-media img {
    width: 100%;
    height: auto
}
.post .post-inner .post-text {
    margin-top: 35px;
    color: #333;
    line-height: 22px;
    text-align: justify
}
.post .post-inner .post-header+.post-text,
.post .post-inner .post-text+.post-text {
    margin-top: 15px
}
.post .post-inner .post-more {
    display: block;
    width: 100%;
    height: auto;
    padding: 15px;
    font-size: 14px;
    margin-top: 30px;
    color: #7e7e7e;
    background: #fafafa;
    text-align: center
}
.post .post-inner .post-more:hover {
    color: #fff
}
.comments {
    padding-bottom: 30px;
    margin-bottom: 30px
}
.media {
    padding-top: 20px;
    margin-top: 0;
    background: #fff
}
.comments-header {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ebebeb
}
.media-left a img {
    width: 90px;
    max-width: 90px;
    border-radius: 5px
}
.media-body {
    color: #9e9e9e
}
.media-body .details {
    background: #fdfdfd;
    padding: 15px 15px 5px
}
.media-heading {
    color: #6a6a6a;
    margin-bottom: 10px
}
.votes a {
    color: #777;
    margin: 15px 7px 0 0;
    padding: 8px;
    border-radius: 5px;
    transition: all .3s
}
.votes a:hover {
    background: #fafafa
}
.votes a.like span {
    color: #47c133;
    margin-left: 3px
}
.votes a.unlike span {
    color: #c13333;
    margin-left: 3px
}
.reply-form form {
    margin-top: 30px
}
.reply-form input,
.reply-form textarea {
    width: 100%;
    height: auto;
    padding: 9px 12px;
    background: 0 0;
    border: 1px solid #ebebeb;
    font-weight: 300
}
.reply-form button {
    width: auto;
    height: auto;
    padding: 7px 35px;
    border: none;
    margin-top: 12px;
    font-size: 12px;
    transition: all .3s
}
.reply-form button:hover {
    background: #555
}
.reply-form textarea {
    min-height: 200px;
    max-height: 200px
}
.custom-tabs .nav-tabs {
    border: none
}
.custom-tabs .nav-tabs li {
    float: none;
    display: inline-block
}
.custom-tabs .nav-tabs li a {
    margin-right: 8px;
    margin-bottom: 8px;
    border: 1px solid #e1e1e1;
    border-radius: 0;
    padding: 6px 12px;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: 0 0
}
.custom-tabs .nav-tabs li a:hover {
    background: #fafafa
}
.custom-tabs .nav-tabs li.active a {
    background: #1b1b1b;
    color: #fff
}
.custom-tabs .nav-tabs li a:focus,
.custom-tabs .nav-tabs li a:hover {
    border-bottom: 1px solid #e1e1e1
}
.custom-tabs .tab-content {
    padding: 0 15px
}
.custom-tabs .tab-content img {
    max-height: 220px;
    max-width: 100%
}
.custom-tabs .tab-content a.tab-image {
    display: block;
    margin-right: 12px;
    margin-top: 10px;
    width: auto;
    height: auto
}
#back-top a,
.home_green_venues-box img,
quick_inq button {
    width: 100%
}
.accordion .panel {
    box-shadow: none;
    margin-bottom: 7px
}
.accordion .panel * {
    max-width: 100%
}
#accordion div:last-child {
    margin-bottom: 0
}
.accordion a.panel-button {
    padding: 15px;
    width: 100%;
    display: block;
    color: #717171;
    box-shadow: none;
    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    transition: all .2s
}
.accordion a.panel-button:hover {
    background: #ededed
}
.accordion a.panel-button:focus {
    text-decoration: none
}
.accordion .panel-body {
    padding: 18px 32px;
    font-size: 14px;
    color: #8e8d8d;
    border-top: 1px solid #dfdfdf
}
#back-top {
    width: 37px;
    height: 27px;
    position: fixed;
    right: 33px;
    bottom: 27px;
    z-index: 1000
}
#back-top a {
    height: 100%;
    display: block;
    opacity: .3;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
    background: url(../images/up.png) center no-repeat
}
#back-top a:hover {
    opacity: 1
}
.fs25 {
    font-size: 25px!important;
    line-height: normal;
    line-height: 35px!important
}
.client-logos {
    background: #ececec
}
#tagline {
    background: #f2f2f2!important
}
#about {
    padding: 80px 0!important
}
.content-button:hover {
    background: #333!important
}
.home_green_venues {
    background: #f2f2f2
}
.mb40 {
    margin-bottom: 40px
}
.mt40 {
    margin-bottom: 40px!important
}
.home_green_venues-box {
    padding: 5px 10px 10px
}
.quick_inq {
    background: #fff;
    border-top: 10px solid #2c2d30;
    bottom: 0!important;
    display: block;
    height: 500px;
    left: 80px;
    padding: 25px 0 0;
    position: absolute!important;
    top: 0;
    z-index: 9999;
    text-align: center
}
.quick_inq::after,
.quick_inq::before {
    width: 10px;
    height: 10px;
    top: -10px;
    position: absolute;
    content: ""
}
.quick_inq h3 {
    font-size: 25px;
    font-weight: 300;
    text-transform: uppercase;
    margin: 0 0 15px
}
.quick_inq p {
    margin-bottom: 15px
}
.quick_inq::after {
    background: url(../images/q-r-conrner.png) no-repeat;
    background-size: contain;
    right: -10px
}
.quick_inq::before {
    background: url(../images/q-l-conrner.png) no-repeat;
    background-size: contain;
    left: -10px
}
.pl0 {
    padding-left: 0!important
}
.pr0 {
    padding-right: 0
}
.pl5 {
    padding-left: 5px
}
.pr5 {
    padding-right: 5px
}
.btn-primary {
    background-color: #009d86;
    border-radius: 0!important;
    color: #fff;
    height: 45px;
    width: 100%;
    text-transform: uppercase
}
.form-control {
    height: 45px
}
/* .btn-primary:hover {
    background: #333
} */
textarea {
    resize: none
}
.mt30 {
    margin-top: 30px!important
}
.none {
    margin: 0!important
}
.none::after {
    background: 0 0!important
}
.parallax_padding {
    padding:50px 0 50px!important
}
.map_bg h1 {
    line-height: normal!important
}
.mt25 {
    margin-top: 25px
}
.bottom-page-buttons,
.file-wrapper,
.mt20 {
    margin-top: 20px
}
.big-footer h1 {
    font-weight: 500!important;
    font-size: 20px;
    letter-spacing: 2px!important
}
.footer_bottom .social {
    border: 1px solid #222
}
.pagetop-text a {
    width: auto!important;
    border: none!important
}
.list>li {
    margin-bottom: 7px
}
.black-gradient {
    background: #9a1b24;
    border-radius: 6px;
    display: inline-block;
    height: auto;
    padding: 15px 25px;
    transition: all .3s ease 0s;
    width: auto;
    cursor: pointer
}
.mobile-boxes li:first-child {
    position: relative;
    top: -30px!important
}
.location-txt {
    font-size: 25px;
    color: #fff!important;
    margin-bottom: 26px!important
}
.fs20 {
    font-size: 20px!important;
    font-weight: 300;
    letter-spacing: 2px;
    text-transform: lowercase
}
.fs45 {
    font-size: 45px
}
.l5 {
    letter-spacing: 5px!important
}
.file-wrapper {
    overflow: hidden;
    background: #f2f2f2;
    padding: 0 20px;
    position: relative
}
.file-wrapper input {
    left: 0;
    opacity: .01;
    cursor: pointer;
    position: absolute;
    -moz-opacity: .01;
    filter: alpha(opacity=1)
}
.file-wrapper .file-button {
    color: #fff;
    float: left;
    cursor: pointer;
    margin-left: -20px;
    padding: 13px 15px;
    background: #333;
    display: inline-block
}
.file-holder {
    top: 12px;
    padding-left: 15px;
    position: absolute;
    left: 155px!important
}
#resume {
    margin-top: 0!important
}
.testimonials-block {
    text-align: justify;
    border: 1px solid;
    border-color: #dfdede #d2d0d0 #b0afaf;
    padding: 20px;
    background: -moz-linear-gradient(top, #fbfbfb 0, #fefefe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fbfbfb), color-stop(100%, #fefefe));
    background: -webkit-linear-gradient(top, #fbfbfb 0, #fefefe 100%);
    background: -o-linear-gradient(top, #fbfbfb 0, #fefefe 100%);
    background: -ms-linear-gradient(top, #fbfbfb 0, #fefefe 100%);
    background: linear-gradient(to bottom, #fbfbfb 0, #fefefe 100%);
    line-height: 25px
}
.testimonials-block span {
    display: inline-block;
    height: 15px;
    text-indent: -5000px;
    width: 20px
}
.testimonials-block span.before {
    background: url(../images/bl-before-bg.png) no-repeat
}
.testimonials-block span.after {
    background: url(../images/bl-after-bg.png) no-repeat
}
.colored-name::before {
    background: url(../images/testimon-after.png);
    top: 0;
    content: "";
    display: block;
    height: 16px;
    left: 21px;
    position: relative;
    width: 15px
}
.colored-name {
    margin-bottom: 25px;
    text-align: left
}
.colored-name>p {
    font-weight: 700;
    padding-left: 35px;
    padding-top: 5px;
    color: #008f78
}
.testi-small-heading {
    font-size: 20px!important;
    color: #fff!important;
    margin-bottom: 25px!important
}
.inquiry-home {
    position: fixed!important;
    right: 0;
	display:none;
    top: 30%;
    z-index: 99
}
.loader-img {
    position: absolute;
    background: url(../images/glm_loader.png) center center no-repeat;
    width: 100%;
    height: 100%;
    -webkit-animation: spin 4s linear infinite;
    -moz-animation: spin 4s linear infinite;
    animation: spin 4s linear infinite
}
@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg)
    }
}
@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg)
    }
}
@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}
.features-button a {
    color: #fff!important;
    font-size: 15px
}
.career {
    background: #fff
}
.bg-newsletter {
    background: #ececec
}
.dropdown-toggle i {
    padding: 0 0 0 5px
}
.btn.content-btn,
.btn.gallery-btn,
.info-btn.call-btn {
    -webkit-animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both;
    animation: dot-pulse-idle 4s cubic-bezier(.19, 1, .22, 1) infinite both
}
@-webkit-keyframes dot-pulse-idle {
    0% {
        box-shadow: 0 0 0 0 #9a1b24
    }
    50% {
        box-shadow: 0 0 0 40px rgba(100, 255, 255, 0)
    }
}
@keyframes dot-pulse-idle {
    0% {
        box-shadow: 0 0 0 0 #9a1b24
    }
    50% {
        box-shadow: 0 0 0 40px rgba(255, 255, 255, 0)
    }
}
.info-btn.call-btn {
    color: #333!important;
    height: 50px;
    left: -5px;
    text-align: center;
    top: 5px;
    width: 50px
}
.icon-phone {
    font-size: 20px;
    margin-left: -8px!important;
    line-height: 10px!important
}
.animated-cnt-img {
    width: 25px;
    margin: -3px 6px 4px -6px
}
#SCBbuttonMain {
    top: 30px;
    right: 50px!important;
    height: 100px;
    opacity: .9;
    transition-delay: 0s;
    transition-duration: .5s;
    transition-property: visibility;
    transition-timing-function: ease;
    width: 100px;
    cursor: pointer
}
.scb_bg_puls,
.scb_but_img {
    border-radius: 100%;
    height: 60%;
    position: absolute
}
.scb_bg_puls {
    background-color: #fff;
    left: -10px;
    opacity: .75!important;
    top: 0;
    width: 60%;
    z-index: 16776001
}
.scb_but_img {
    background-color: #rgba(221, 221, 221, .5);
    opacity: .8;
    z-index: 16776002
}
.info-btn.call-btn a {
    color: #9a1b24!important;
    font-size: 23px;
    line-height: 45px
}
.bg_con_all_vanue {
    background: #f2f2f2
}
.bg_con_all_vanue a {
    font-size: 14px;
    padding: 10px 18px;
    text-transform: uppercase;
    margin-top: 10px
}
.bg_con_all_vanue h3 {
    font-family: Righteous, cursive;
    margin: 0 0 20px;
    text-transform: uppercase;
    padding: 0;
    font-size: 20px
}
.all_vanue_col {
    padding: 50px 10px;
    min-height: 290px
}
.bg_con_all_vanue p {
    line-height: 25px
}
.bg_con_all_vanue h3::after {
    background: url(../images/icon_bg.png) no-repeat;
    content: "";
    display: block;
    height: 20px;
    left: 0;
    margin: 15px auto -10px;
    width: 20px;
    background-size: contain
}
.mb30 {
    margin-bottom: 30px!important
}
.last-child-full>li:last-child {
    width: 100%!important;
    margin: 0 0 20px
}
.fs40 {
    font-size: 40px!important
}
span.error {
    color: red;
    display: block;
    font-size: 14px;
    text-align: left;
    padding: 10px 0
}
.dark_form option:first-child,
.source-of-information option:first-child {
    display: none
}
#error_message,
#success_message {
    padding: 20px;
    text-align: left;
    margin-bottom: 20px
}
#success_message {
    color: #3c763d;
    border: 5px solid #d6e9c6;
    background-color: #dff0d8
}
#error_message p,
#success_message p {
    margin-bottom: 0
}
#error_message {
    color: #a94442;
    border: 5px solid #ebccd1;
    background-color: #f2dede
}
#blog,
.bg-blog {
    padding: 80px 0
}
#careerform .submit-wrap,
#contactform .submit-wrap {
    cursor: pointer;
    margin: 15px 0 0 10%
}
.colored {
    color: #9a1b24
}
.fs30 {
    font-size: 30px!important
}
.source-of-information option {
    border-bottom: 1px solid #ddd
}
.bg-blog {
    background: url(../images/bg-blog.jpg)!important
}
.blog-img img {
    width: 100%
}
.widget ul.categories li:hover {
    background: #9a1b24!important;
    color: #333!important
}
.copyright img {
    position: relative;
    top: -2px;
    margin-left: 0
}
.custm_ctn {
    margin-top: 15px;
}
/* @media (max-width: 1400px){
	#home{height:530px;}
	.tp-bullets.preview3, .tp-bullets.preview4{bottom:3%;}
}
@media (min-width: 1400px){
	#home{height:670px}
	.tp-bullets.preview3, .tp-bullets.preview4{bottom:3%;}
} */

@media (max-width: 767px){
	.tb{height:340px !important; }
}
@media (min-width: 320px) and (max-width: 767px) {
	.ser{overflow:scroll;}
	.r_sa{font-size:12px;}
	.padlt100{padding:0 !important}
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
	.sr_name {
    font-size: 17px !important;
    display: inline-block;
    padding-top: 15px;
    font-weight: bold;
    width: 90% !important;
    margin: 0 auto;
    text-align: right;
    /* color: #9a1b24; */
}
.parallax_padding {
    padding: 60px 0 40px!important;
}
.tb{height:340px;}
}
@media (min-width: 768px) and (max-width: 1023px) {
	.tab_le td, .tab_le th{padding:2.2% 5px  !important}
    .g-recaptcha {
        transform: scale(0.6);
        -webkit-transform: scale(0.6);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
@media (min-width: 1024px) and (max-width: 1279px) {
	
    .g-recaptcha {
        transform: scale(0.77);
        -webkit-transform: scale(0.77);
        transform-origin: 0 0;
        -webkit-transform-origin: 0 0;
    }
}
.run1{
	display:none;
}
.tp-bullets.preview3, .tp-bullets.preview4{
	
	bottom:20% !important;
}
.so_cial>.social i{
	padding-top:10px;
}
.so_cial>.social {
    width: 35px;
    height: 35px;
    display: inline-block;
    font-size: 14px;
    text-align: center;
    line-height: 35px;
	
    margin-left: 2px;
	color:#9a1b24 !important;
    border-radius: 3px;
}
.so_cial>.social:hover{
	color:#fff !important;
	border:none;
}

.so_cial>.social{
	border:1px solid #9a1b24;
}
.aboutus_img{width:100%;position:relative;}
.aboutus_img img{width:100%;}
.img-shadow{width:100%;height:100%;position:absolute;background-color:#11111163;top:0;left:0;}
.fl_left{width:50%; float:left;}
.fl_right{width:50%;float:right;}
.fl_left_plan{width:42%; float:left;}
.fl_right_plan{width:55%;float:right;}
.res_pon{position:relative;/* margin:30px 30px 30px 0; */}
.justify{text-align:justify;}
.marun_back{background-color:#9a1b24;}
/* this is a gallary page set up */


* {box-sizing: border-box}
/* Style the tab */
.tab {
	float:left;
	width:100%;
    background-color: #9a1b24;
}

/* Style the buttons inside the tab */
.tab button {
	border-right:1px solid #fff !important;
	border-top:none;
	width:calc(100% / 3 );
	border-left:none;
	border-bottom:none;
	text-transform:uppercase;
	letter-spacing:1px;
    display: inline-block;
    background-color: inherit;
    color: #fff;
    padding: 10px 16px;
    /* border: none; */
    outline: none;
    text-align: center;
    cursor: pointer;
    transition: 0.3s;
	float:left;
    font-size: 14px;
}

/* Change background color of buttons on hover */
.tab button:hover {
    background-color: #ddaf79;
}

/* Create an active/current "tab button" class */
.tab button.active {
    background-color: #ddaf79;
}

/* Style the tab content */
.tabcontent {
   float:left;
    border: 1px solid #ccc;
    width: 100%;
	position:relative;
	overflow:hidden;
    border-left: none;
    height: auto;
}
/* this is a second page to create all tab1  */

.con_tent{position:relative;
padding:10px 50px 0 0;}
.border_after{width:100%;position:relative;float:left;border:1px solid #ddaf79;margin:30px 0}
.con_tent h3{padding:0;margin:12px 0;}
/* .border_after:after{    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    top: 38px;
    right: 0px;
    left: 18px;
    bottom: 38px;
    border: 1px solid #ddaf79;
	z-index:123;} */
.plan_event {
    z-index: 12345;
    text-align: left;
	float:left;
  /* position: absolute; */
    /* bottom: 23px; */
    display: inline-block;
    /* right: 475px; */
}
	/* .plan_event{
	    z-index: 12345;
    position: absolute;
    bottom: 23px;
    right: 475px;
	
} */
.res_pas{    position: relative;
    width: calc(100% - 30px);
    padding: 30px 0;}
.plan_event a:hover{
	background:#ddaf79;
} 
.plan_event a {
	    color: #fff;
    padding: 7px 20px;
    background-color: #9a1b24;
	display:inline-block;
	font-size:14px;
}
.btn-primary.active, .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover, .open>.dropdown-toggle.btn-primary{background:#ddaf79;color:#fff !important;}
.clo_se{
	color:#fff !important;
	padding:10px 15px;
	margin-right:10px;
	background-color:#9a1b24;
	}
.sub_mit{
	    color: #fff;
    padding: 7px 15px!important;
    border: 0;
    background-color: #9a1b24 !important;
	
}
.sub_mit:hover{
	color:#fff !important;
	background-color:#ddaf79;
}
.contact_left{
	width:40%;
	float:left;
}
.le_fty>h3{margin-top:0;padding-bottom:10px;padding-top:10px;position:relative;}
.le_fty>h3:after{content:"";width:90px;height:3px;background-color:#9a1b24;position:absolute;bottom:0;left:0;}
.le_fty{float:left;}
.l_ft{float:left;width:100%;margin-bottom:10px;}
.r_ft{float:left;}
.addre_s{    width: 100%;
    text-align: left;
    display: block;
    float: left;
    margin-bottom: 20px;}
.l_ft i{margin-right:10px;}
.clear{clear:both;}
.addre_s>a{    color: #111;
    display: inline-block;
    /* width: 100%; */}
.r_set{margin-top:50px;}
.modal{z-index:999999;}
.map_right{float:right;width:50%;/* margin-top:100px; */}
/* .apply{display:none;position:absolute;right:-100px;top:0;background-color:yellow;}
.apply a {display:inline-block;color:#111;padding:10px 15px;} */

.btn.active, .btn:active{color:#ddaf79;}

capbox {
	background-color: #92D433;
	border: #B3E272 0px solid;
	border-width: 0px 12px 0px 0px;
	display: inline-block;
	*display: inline; zoom: 1; /* FOR IE7-8 */
	padding: 8px 40px 8px 8px;
	}

.capbox-inner {
	font: bold 11px arial, sans-serif;
	color: #000000;
	background-color: #DBF3BA;
	margin: 5px auto 0px auto;
	padding: 3px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaDiv {
	font: bold 17px verdana, arial, sans-serif;
	font-style: italic;
	color: #000000;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	}

#CaptchaInput { margin: 1px 0px 1px 0px; width: 135px; }

.recaptcha-wrapper {
    height: 70px;
  overflow: hidden;
  background-color: #F9F9F9;
  border-radius: 3px;
  box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
  -webkit-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
  -moz-box-shadow: 0px 0px 4px 1px rgba(0,0,0,0.08);
  height: 72px;
  position: relative;
  margin-top: 17px;
  border: 1px solid #d3d3d3;
  color: #000;
}

.recaptcha-info {
  background-size: 32px;
  height: 32px;
  margin: 0 13px 0 13px;
  position: absolute;
  right: 8px;
  top: 9px;
  width: 32px;
  background-image: url(https://www.gstatic.com/recaptcha/api2/logo_48.png);
  background-repeat: no-repeat;
}
.rc-anchor-logo-text {
  color: #9b9b9b;
  cursor: default;
  font-family: Roboto,helvetica,arial,sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 10px;
  margin-top: 5px;
  text-align: center;
  position: absolute;
  right: 10px;
  top: 37px;
}
.rc-anchor-checkbox-label {
  font-family: Roboto,helvetica,arial,sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 17px;
  left: 50px;
  top: 26px;
  position: absolute;
  color: black;
}
.rc-anchor .rc-anchor-normal .rc-anchor-light {
  border: none;
}
.rc-anchor-pt {
  color: #9b9b9b;
  font-family: Roboto,helvetica,arial,sans-serif;
  font-size: 8px;
  font-weight: 400;
  right: 10px;
  top: 53px;
  position: absolute;
  a:link {
    color: #9b9b9b;
    text-decoration: none;
  }
}

g-recaptcha {
  // transform:scale(0.95);
  // -webkit-transform:scale(0.95);
  // transform-origin:0 0;
  // -webkit-transform-origin:0 0;

}

.g-recaptcha {
  width: 43px;

 /* border: 1px solid red; */
  height: 49.7px;
  overflow: hidden;
  float: left;
  margin-top: -1px;
  margin-left: -1px;
  
    > div {
    width: 46px;
    height: 100px;
    background-color:  #F9F9F9;
    overflow: hidden;
    
    transform: translate3d(-8px, -19px, 0px);
  }
  div {
    border: 0;
  }
}
// Recaptcha
.recaptcha-wrap {
    position: relative;
    height: 76px;
    padding:1px 0 0 1px;
    background:#222;
    > div {
        position: absolute;
        bottom: 2px;
        right:2px;
        font-size:10px;
        color:#ccc;
    }
}

// Hides top border
.recaptcha-wrap:after {
    content:'';
    display: block;
    background-color: #222;
    height: 2px;
    width: 100%;
    top: -1px;
    left: 0px;
    position: absolute;
}

// Hides left border
.recaptcha-wrap:before {
    content:'';
    display: block;
    background-color: #222;
    height: 100%;
    width: 2px;
    top: 0;
    left: -1px;
    position: absolute;
    z-index: 1;
}

// Makes it responsive & hides cut-off elements
#g-recaptcha {
    overflow: hidden;
    height: 76px;
    border-right: 60px solid #222222;
    border-top: 1px solid #222222;
    border-bottom: 1px solid #222;
    position: relative;
    box-sizing: border-box;
    max-width: 294px;
}
.padlt100{padding: 0 100px;}
.st_pt{text-align:right;}
.tb{margin:30px 0;height:240px;}
.apply1{display:none;}