@font-face {
    font-family: agencyb;
    src: url(../Fonts/AGENCYB.TTF)
}

@font-face {
    font-family: agencyr;
    src: url(../Fonts/AGENCYR.TTF)
}

@font-face {
    font-family: ptb;
    src: url(../Fonts/PT_Sans-Web-Bold.ttf)
}

@font-face {
    font-family: ptr;
    src: url(../Fonts/PT_Sans-Web-Regular.ttf)
}

html {
    width: 100%;
    height: 100%
}

body {
    overflow-y: scroll;
    font-family: ptr;
    font-size: 14px;
    color: #222;
    width: 100%;
    height: 100%
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

a {
    color: #ccced4;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

a:hover,
a:focus {
    color: #ccc;
    text-decoration: none
}

.navbar-nav > li > a {
    color: #fff
}

.navbar-nav > li > a:hover {
    color: #ccced4
}

a:hover,
a:active,
a:focus {
    outline: 0;
    text-decoration: none
}

ul {
    list-style: none;
    margin: 0;
    padding: 0
}

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

ul.list li {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 10px;
    font-size: 13px;
    border-bottom: 1px solid #efefef;
    color: #666
}

ul.list li:before {
    font-family: 'fontello';
    content: "\e8b3";
    margin-right: 10px
}

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

ul.doublelist li {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 10px;
    border-bottom: 1px solid #efefef;
    color: #666
}

@media (min-width: 992px) {
    ul.doublelist li {
        width: 50%
    }
}

ul.doublelist li:before {
    font-family: 'fontello';
    content: "\e8b3";
    margin-right: 10px
}

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

ul.fqlist li {
    list-style-type: none;
    width: 100%;
    float: left;
    padding: 5px;
    font-size: 14px;
    font-weight: 700;
    border-bottom: 0 solid #efefef;
    color: #666
}

ul.fqlist li a {
    color: #ccced4;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.fqlist li a:hover {
    text-decoration: underline
}

ul.fqlist li:before {
    font-family: 'fontello';
    content: "\e8b3";
    margin-right: 10px;
    font-weight: 400
}

ul.fqlist.archive li {
    font-size: 12px;
    line-height: 12px;
    font-weight: 400;
    font-family: proxima_nova_rgregular
}

@font-face {
    font-family: 'proxima_novaextrabold';
    src: url(../font/proximanova-extrabold-webfont.eot);
    src: url(../font/proximanova-extrabold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/proximanova-extrabold-webfont.woff) format("woff"), url(../font/proximanova-extrabold-webfont.ttf) format("truetype"), url(../font/proximanova-extrabold-webfont.svg#proxima_novaextrabold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'proxima_novalight';
    src: url(../font/proximanova-light-webfont.eot);
    src: url(../font/proximanova-light-webfont.eot?#iefix) format("embedded-opentype"), url(../font/proximanova-light-webfont.woff) format("woff"), url(../font/proximanova-light-webfont.ttf) format("truetype"), url(../font/proximanova-light-webfont.svg#proxima_novalight) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'proxima_nova_rgbold';
    src: url(../font/proximanova-bold-webfont.eot);
    src: url(../font/proximanova-bold-webfont.eot?#iefix) format("embedded-opentype"), url(../font/proximanova-bold-webfont.woff) format("woff"), url(../font/proximanova-bold-webfont.ttf) format("truetype"), url(../font/proximanova-bold-webfont.svg#proxima_nova_rgbold) format("svg");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: 'proxima_nova_rgregular';
    src: url(../font/proximanova-regular-webfont.eot);
    src: url(../font/proximanova-regular-webfont.eot?#iefix) format("embedded-opentype"), url(../font/proximanova-regular-webfont.woff) format("woff"), url(../font/proximanova-regular-webfont.ttf) format("truetype"), url(../font/proximanova-regular-webfont.svg#proxima_nova_rgregular) format("svg");
    font-weight: 400;
    font-style: normal
}

.fontproximaextrabold {
    font-family: 'proxima_novaextrabold'
}

.fontproximabold {
    font-family: 'proxima_nova_rgbold'
}

.fontproxima {
    font-family: 'proxima_nova_rgregular'
}

.fontproximalight {
    font-family: 'proxima_novalight'
}

.raleway {
    font-family: Raleway
}

.opensans {
    font-family: 'Open Sans'
}

.georgia {
    font-family: 'Georgia'
}

.titlefont {
    font-family: ptb
}

.sindex .titlefont {
    font-family: agencyr;
    font-size: 20px
}

#preloader {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #fff;
    z-index: 999999;
    position: fixed
}

#status {
    width: 200px;
    height: 200px;
    position: absolute;
    left: 50%;
    top: 50%;
    background-image: url(../images/preloader.gif);
    background-repeat: no-repeat;
    background-position: center;
    margin: -100px 0 0 -100px
}

.size5 {
    font-size: 5px
}

.size6 {
    font-size: 6px
}

.size7 {
    font-size: 7px
}

.size8 {
    font-size: 8px
}

.size9 {
    font-size: 9px
}

.size10 {
    font-size: 10px
}

.size11 {
    font-size: 11px
}

.size12 {
    font-size: 12px
}

.size13 {
    font-size: 13px
}

.size14 {
    font-size: 14px
}

.size16 {
    font-size: 16px
}

.size18 {
    font-size: 18px
}

.size20 {
    font-size: 20px
}

.size22 {
    font-size: 22px
}

.size24 {
    font-size: 24px
}

.size26 {
    font-size: 26px
}

.size28 {
    font-size: 28px
}

.size30 {
    font-size: 30px
}

.size32 {
    font-size: 32px
}

.size34 {
    font-size: 34px
}

.size36 {
    font-size: 36px
}

.size38 {
    font-size: 38px
}

.size40 {
    font-size: 40px
}

.size42 {
    font-size: 42px
}

.size44 {
    font-size: 44px
}

.size46 {
    font-size: 46px
}

.size48 {
    font-size: 48px
}

.size50 {
    font-size: 50px
}

.size55 {
    font-size: 55px
}

.size56 {
    font-size: 56px
}

.size60 {
    font-size: 60px
}

.size70 {
    font-size: 70px
}

.size80 {
    font-size: 80px
}

.size90 {
    font-size: 90px
}

.size100 {
    font-size: 100px
}

.size120 {
    font-size: 120px
}

.size130 {
    font-size: 130px
}

.size140 {
    font-size: 140px
}

.size150 {
    font-size: 150px
}

.nobold {
    font-weight: 400
}

.xslim {
    font-weight: 100
}

.slim {
    font-weight: 300
}

.normal {
    font-weight: 400
}

.semibold {
    font-weight: 600
}

.big {
    font-weight: 700
}

.heavy {
    font-weight: 800
}

.caps {
    text-transform: uppercase
}

.uppercase {
    text-transform: uppercase
}

.lowercase {
    text-transform: lowercase
}

.center {
    margin: 0 auto;
    display: block
}

.center-absolute {
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.text-center {
    text-align: center
}

.text-right {
    text-align: right!important
}

.text-left {
    text-align: left!important
}

.highlight {
    background: #ccced4;
    color: #fff
}

.valign {
    text-align: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0
}

.valign2 {
    position: relative;
    top: 50%;
    transform: translateY(-50%)
}

.valign2-remove {
    top: auto;
    transform: none
}

@media (min-width: 992px) {
    .valign2-remove {
        top: 50%;
        transform: translateY(-50%)
    }
}

.lh10 {
    line-height: 10px!important
}

.lh11 {
    line-height: 11px!important
}

.lh12 {
    line-height: 12px!important
}

.lh13 {
    line-height: 13px!important
}

.lh14 {
    line-height: 14px!important
}

.lh15 {
    line-height: 15px!important
}

.lh20 {
    line-height: 20px!important
}

.lh21 {
    line-height: 21px!important
}

.lh22 {
    line-height: 22px!important
}

.lh23 {
    line-height: 23px!important
}

.lh24 {
    line-height: 24px!important
}

.lh26 {
    line-height: 26px!important
}

.lh27 {
    line-height: 27px!important
}

.lh28 {
    line-height: 28px!important
}

.lh29 {
    line-height: 29px!important
}

.lh30 {
    line-height: 30px!important
}

.lh32 {
    line-height: 32px!important
}

.lh34 {
    line-height: 34px!important
}

.lh36 {
    line-height: 36px!important
}

.lh38 {
    line-height: 38px!important
}

.lh40 {
    line-height: 40px!important
}

.lh50 {
    line-height: 50px!important
}

.lh60 {
    line-height: 60px!important
}

.lh70 {
    line-height: 70px!important
}

.lh80 {
    line-height: 80px!important
}

.lh90 {
    line-height: 90px!important
}

.lh100 {
    line-height: 100px!important
}

.lh150 {
    line-height: 150px!important
}

.ls1 {
    letter-spacing: 1px
}

.ls2 {
    letter-spacing: 2px
}

.ls3 {
    letter-spacing: 3px
}

.ls4 {
    letter-spacing: 4px
}

.ls5 {
    letter-spacing: 5px
}

.ls6 {
    letter-spacing: 6px
}

.ls7 {
    letter-spacing: 7px
}

.ls8 {
    letter-spacing: 8px
}

.ls9 {
    letter-spacing: 9px
}

.ls10 {
    letter-spacing: 10px
}

.ls11 {
    letter-spacing: 11px
}

.ls12 {
    letter-spacing: 12px
}

.ls13 {
    letter-spacing: 13px
}

.ls14 {
    letter-spacing: 14px
}

.ls15 {
    letter-spacing: 15px
}

.ls16 {
    letter-spacing: 16px
}

.ls17 {
    letter-spacing: 17px
}

.ls18 {
    letter-spacing: 18px
}

.ls19 {
    letter-spacing: 19px
}

.ls20 {
    letter-spacing: 20px
}

.ls30 {
    letter-spacing: 30px
}

.ls40 {
    letter-spacing: 40px
}

.ls50 {
    letter-spacing: 50px
}

.ls-1 {
    letter-spacing: -1px
}

.ls-2 {
    letter-spacing: -2px
}

.ls-3 {
    letter-spacing: -3px
}

.ls-4 {
    letter-spacing: -4px
}

.ls-5 {
    letter-spacing: -5px
}

.ls-6 {
    letter-spacing: -6px
}

.ls-7 {
    letter-spacing: -7px
}

.ls-8 {
    letter-spacing: -8px
}

.ls-9 {
    letter-spacing: -9px
}

.ls-10 {
    letter-spacing: -10px
}

.ls-11 {
    letter-spacing: -11px
}

.ls-12 {
    letter-spacing: -12px
}

.ls-13 {
    letter-spacing: -13px
}

.ls-14 {
    letter-spacing: -14px
}

.ls-15 {
    letter-spacing: -15px
}

.ls-16 {
    letter-spacing: -16px
}

.ls-17 {
    letter-spacing: -17px
}

.ls-18 {
    letter-spacing: -18px
}

.ls-19 {
    letter-spacing: -19px
}

.ls-20 {
    letter-spacing: -20px
}

.ls-30 {
    letter-spacing: -30px
}

.ls-40 {
    letter-spacing: -40px
}

.ls-50 {
    letter-spacing: -50px
}

.block {
    display: block!important
}

.none {
    display: none!important
}

.flex {
    display: flex!important
}

.disable {
    display: none!important
}

.disabled {
    display: none!important
}

.notvisible {
    opacity: 0!important
}

.inline {
    display: inline-block
}

.clearafter {
    content: '';
    display: block;
    clear: both
}

.clearbefore {
    content: '';
    display: block;
    clear: both
}

.right {
    float: right
}

.left {
    float: left
}

.owhidden {
    overflow: hidden!important
}

.owxhidden {
    overflow-x: hidden
}

.owyhidden {
    overflow-y: hidden
}

.owxscroll {
    overflow-x: scroll
}

.owyscroll {
    overflow-y: scroll
}

.relative {
    position: relative
}

.absolute {
    position: absolute
}

.fixed {
    position: fixed
}

.static {
    position: static!important
}

.bottom {
    position: absolute;
    bottom: 0
}

.offset-0 {
    padding-left: 0;
    padding-right: 0
}

.nospace {
    padding: 0!important;
    margin: 0!important
}

.nolrspace {
    padding-left: 0!important;
    padding-right: 0!important;
    margin-left: 0!important;
    margin-right: 0!important
}

.notbspace {
    padding-top: 0!important;
    padding-bottom: 0!important;
    margin-top: 0!important;
    margin-bottom: 0!important
}

.nomargin {
    margin: 0
}

.nopadding {
    padding: 0
}

.z10 {
    z-index: 10
}

.z15 {
    z-index: 15
}

.z20 {
    z-index: 20
}

.z100 {
    z-index: 100!important
}

.z800 {
    z-index: 800!important
}

.z900 {
    z-index: 900!important
}

.z1000 {
    z-index: 1000!important
}

.z10000 {
    z-index: 10000!important
}

.opacity1 {
    opacity: .1!important
}

.opacity2 {
    opacity: .2!important
}

.opacity3 {
    opacity: .3!important
}

.opacity4 {
    opacity: .4!important
}

.opacity5 {
    opacity: .5!important;
    opacity: .5!important
}

.opacity6 {
    opacity: .6!important
}

.opacity7 {
    opacity: .7!important
}

.opacity8 {
    opacity: .8!important
}

.opacity9 {
    opacity: .9!important
}

img.fwi {
    width: 100%
}

img.fhi {
    height: 100%
}

img.fwimage.width {
    width: 100%
}

img.fwimage.height {
    height: 100%
}

.transparent {
    background: transparent!important
}

.nobg {
    background: transparent
}

.flip {
    -moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: FlipH
}

.rotate90 {
    display: block;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: 50% 50%
}

.separator33 {
    width: 33%;
    height: 1px;
    background: #e2e2e2;
    margin: 50px auto
}

.separator33.dark {
    width: 33%;
    height: 1px;
    background: #666;
    margin: 50px auto
}

.separator33.dark2 {
    width: 33%;
    height: 1px;
    background: #333;
    margin: 50px auto
}

.separator100 {
    width: 100%;
    height: 1px;
    background: #e2e2e2
}

.separator100dark {
    width: 100%;
    height: 1px;
    background-color: #bbbdbf
}

.separator100.dark {
    width: 100%;
    height: 1px;
    background: #333
}

.separatorsmall {
    width: 25px;
    height: 3px;
    background: #fff;
    margin: 0 auto
}

.separatorsmallcealk {
    width: 25px;
    height: 3px;
    background: #c1bf94;
    margin: 0 auto
}

.separator-10 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 10px auto
}

.separator-20 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 20px auto
}

.separator-30 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 30px auto
}

.separator-40 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 40px auto
}

.separator-50 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 50px auto
}

.separator-60 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 60px auto
}

.separator-70 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 70px auto
}

.separator-80 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 80px auto
}

.separator-90 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 90px auto
}

.separator-100 {
    width: 100%;
    height: 1px;
    background: #f5f5f5;
    margin: 100px auto
}

.separator-right {
    border-right: 1px solid #efefef
}

.separator-left {
    border-left: 1px solid #efefef
}

.divider {
    width: 100%;
    height: 1px;
    background: #efefef
}

.divider.dark {
    width: 100%;
    height: 1px;
    background: #222
}

.space10 {
    display: block;
    margin: 0;
    padding: 0;
    height: 10px
}

.space15 {
    display: block;
    margin: 0;
    padding: 0;
    height: 15px
}

.space20 {
    display: block;
    margin: 0;
    padding: 0;
    height: 20px
}

.space30 {
    display: block;
    margin: 0;
    padding: 0;
    height: 30px
}

.space40 {
    display: block;
    margin: 0;
    padding: 0;
    height: 40px
}

.space50 {
    display: block;
    margin: 0;
    padding: 0;
    height: 50px
}

.space60 {
    display: block;
    margin: 0;
    padding: 0;
    height: 60px
}

.space70 {
    display: block;
    margin: 0;
    padding: 0;
    height: 70px
}

.space80 {
    display: block;
    margin: 0;
    padding: 0;
    height: 80px
}

.space90 {
    display: block;
    margin: 0;
    padding: 0;
    height: 90px
}

.space100 {
    display: block;
    margin: 0;
    padding: 0;
    height: 100px
}

.space110 {
    display: block;
    margin: 0;
    padding: 0;
    height: 110px
}

.space120 {
    display: block;
    margin: 0;
    padding: 0;
    height: 120px
}

.space130 {
    display: block;
    margin: 0;
    padding: 0;
    height: 130px
}

.space140 {
    display: block;
    margin: 0;
    padding: 0;
    height: 140px
}

.space150 {
    display: block;
    margin: 0;
    padding: 0;
    height: 150px
}

.space160 {
    display: block;
    margin: 0;
    padding: 0;
    height: 160px
}

.space170 {
    display: block;
    margin: 0;
    padding: 0;
    height: 170px
}

.space180 {
    display: block;
    margin: 0;
    padding: 0;
    height: 180px
}

.space190 {
    display: block;
    margin: 0;
    padding: 0;
    height: 190px
}

.space200 {
    display: block;
    margin: 0;
    padding: 0;
    height: 200px
}

.sspacing {
    padding: 100px 0
}

.sspacing-top {
    padding-top: 100px
}

.sspacing-title {
    padding: 100px 0
}

.sspacing-title-button {
    padding: 50px 0
}

.hcustom1 {
    height: 500px
}

@media (min-width: 992px) {
    .hcustom1 {
        height: 100%
    }
}

.chfull {
    height: auto
}

@media (min-width: 992px) {
    .chfull {
        height: 100%
    }
}

.ch500 {
    height: 2000px
}

@media (min-width: 768px) {
    .ch500 {
        height: 1000px
    }
}

@media (min-width: 1200px) {
    .ch500 {
        height: 500px
    }
}

.ch2 {
    height: 1000px
}

@media (min-width: 768px) {
    .ch2 {
        height: 500px
    }
}

.cpercent80 {
    width: 95%
}

@media (min-width: 750px) {
    .cpercent80 {
        width: 100%
    }
}

@media (min-width: 850px) {
    .cpercent80 {
        width: 90%
    }
}

@media (min-width: 992px) {
    .cpercent80 {
        width: 100%
    }
}

@media (min-width: 1050px) {
    .cpercent80 {
        width: 95%
    }
}

@media (min-width: 1200px) {
    .cpercent80 {
        width: 100%
    }
}

@media (min-width: 1350px) {
    .cpercent80 {
        width: 90%
    }
}

@media (min-width: 1500px) {
    .cpercent80 {
        width: 80%
    }
}

.t1 {
    top: 1px
}

.t2 {
    top: 1px
}

.t3 {
    top: 3px
}

.t4 {
    top: 4px
}

.t5 {
    top: 5px
}

.t6 {
    top: 6px
}

.t7 {
    top: 7px
}

.t8 {
    top: 8px
}

.t9 {
    top: 9px
}

.t10 {
    top: 10px
}

.t15 {
    top: 15px
}

.t20 {
    top: 20px
}

.t30 {
    top: 30px
}

.t40 {
    top: 40px
}

.t50 {
    top: 50px
}

.t-1 {
    top: -1px
}

.t-2 {
    top: -1px
}

.t-3 {
    top: -3px
}

.t-4 {
    top: -4px
}

.t-5 {
    top: -5px
}

.t-6 {
    top: -6px
}

.t-7 {
    top: -7px
}

.t-8 {
    top: -8px
}

.t-9 {
    top: -9px
}

.t-10 {
    top: -10px
}

.t-15 {
    top: -15px
}

.t-20 {
    top: -20px
}

.t-30 {
    top: -30px
}

.t-40 {
    top: -40px
}

.t-50 {
    top: -50px
}

.h01 {
    height: 1px
}

.h02 {
    height: 2px
}

.h03 {
    height: 3px
}

.h04 {
    height: 4px
}

.h05 {
    height: 5px
}

.h06 {
    height: 6px
}

.h07 {
    height: 7px
}

.h08 {
    height: 8px
}

.h09 {
    height: 9px
}

.h10 {
    height: 10px
}

.h20 {
    height: 20px
}

.h30 {
    height: 30px
}

.h40 {
    height: 40px
}

.h50 {
    height: 50px
}

.h60 {
    height: 60px
}

.h70 {
    height: 70px
}

.h80 {
    height: 80px
}

.h90 {
    height: 90px
}

.h100 {
    height: 100px
}

.h110 {
    height: 110px
}

.h120 {
    height: 120px
}

.h130 {
    height: 130px
}

.h140 {
    height: 140px
}

.h150 {
    height: 150px
}

.h160 {
    height: 160px
}

.h170 {
    height: 170px
}

.h180 {
    height: 180px
}

.h190 {
    height: 190px
}

.h200 {
    height: 200px
}

.h210 {
    height: 210px
}

.h220 {
    height: 220px
}

.h230 {
    height: 230px
}

.h240 {
    height: 240px
}

.h250 {
    height: 250px
}

.h260 {
    height: 260px
}

.h270 {
    height: 270px
}

.h280 {
    height: 280px
}

.h290 {
    height: 290px
}

.h300 {
    height: 300px
}

.h310 {
    height: 310px
}

.h320 {
    height: 320px
}

.h330 {
    height: 330px
}

.h340 {
    height: 340px
}

.h350 {
    height: 350px
}

.h360 {
    height: 360px
}

.h370 {
    height: 370px
}

.h380 {
    height: 380px
}

.h390 {
    height: 390px
}

.h400 {
    height: 400px
}

.h410 {
    height: 410px
}

.h420 {
    height: 420px
}

.h430 {
    height: 430px
}

.h440 {
    height: 440px
}

.h450 {
    height: 450px
}

.h460 {
    height: 460px
}

.h470 {
    height: 470px
}

.h480 {
    height: 480px
}

.h490 {
    height: 490px
}

.h500 {
    height: 500px
}

.h510 {
    height: 510px
}

.h520 {
    height: 520px
}

.h530 {
    height: 530px
}

.h540 {
    height: 540px
}

.h550 {
    height: 550px
}

.h560 {
    height: 560px
}

.h570 {
    height: 570px
}

.h580 {
    height: 580px
}

.h590 {
    height: 590px
}

.h600 {
    height: 600px
}

.h610 {
    height: 610px
}

.h620 {
    height: 620px
}

.h630 {
    height: 630px
}

.h640 {
    height: 640px
}

.h650 {
    height: 650px
}

.h660 {
    height: 660px
}

.h670 {
    height: 670px
}

.h680 {
    height: 680px
}

.h690 {
    height: 690px
}

.h700 {
    height: 700px
}

.h710 {
    height: 710px
}

.h720 {
    height: 720px
}

.h730 {
    height: 730px
}

.h740 {
    height: 740px
}

.h750 {
    height: 750px
}

.h760 {
    height: 760px
}

.h770 {
    height: 770px
}

.h780 {
    height: 780px
}

.h790 {
    height: 790px
}

.h800 {
    height: 800px
}

.h900 {
    height: 900px
}

.h1000 {
    height: 1000px
}

.h1500 {
    height: 1500px
}

.h2000 {
    height: 2000px
}

.h3000 {
    height: 3000px
}

.h4000 {
    height: 4000px
}

.h5000 {
    height: 5000px
}

.hauto {
    height: auto!important
}

.hfull {
    height: 100%
}

.hhalf {
    height: 50%
}

.w10 {
    width: 10px
}

.w20 {
    width: 20px
}

.w30 {
    width: 30px
}

.w40 {
    width: 40px
}

.w50 {
    width: 50px
}

.w60 {
    width: 60px
}

.w70 {
    width: 70px
}

.w80 {
    width: 80px
}

.w90 {
    width: 90px
}

.w100 {
    width: 100px
}

.w120 {
    width: 120px
}

.w150 {
    width: 150px
}

.w200 {
    width: 200px
}

.w250 {
    width: 250px
}

.w300 {
    width: 300px
}

.w350 {
    width: 350px
}

.w400 {
    width: 400px
}

.w450 {
    width: 450px
}

.w500 {
    width: 500px
}

.w550 {
    width: 550px
}

.w600 {
    width: 600px
}

.w650 {
    width: 650px
}

.w700 {
    width: 700px
}

.w750 {
    width: 750px
}

.w800 {
    width: 800px
}

.w850 {
    width: 850px
}

.w900 {
    width: 900px
}

.w950 {
    width: 950px
}

.w1000 {
    width: 1000px
}

.w1500 {
    width: 1500px
}

.w2000 {
    width: 2000px
}

.wauto {
    width: auto
}

.wfull {
    width: 100%;
    background-color: #FFF;
    height: 350px
}

.whalf {
    width: 50%
}

.whfull {
    width: 100%;
    height: 100%
}

.scale9 {
    display: block;
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

.addscale {
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.addscale.active {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

.cmaincolor {
    color: #ccced4!important
}

.csecondcolor {
    color: #95ce92!important
}

.cwhite {
    color: #fff!important
}

.cblack {
    color: #000!important
}

.clight {
    color: #ccc!important
}

.clightgrey {
    color: #999!important
}

.cgrey {
    color: #666!important
}

.cdark {
    color: #222!important
}

.cdarkgrey {
    color: #333!important
}

.ccealk {
    color: #c1bf94!important
}

.cblue {
    color: #13acd8!important
}

.cgreen {
    color: #0c6!important
}

.cgreen2 {
    color: #93c359!important
}

.cgreen3 {
    color: #95ce92!important
}

.cred {
    color: #c66!important
}

.corange {
    color: #f96!important
}

.cyellow {
    color: #ffc!important
}

.c111 {
    color: #111!important
}

.c222 {
    color: #222!important
}

.c333 {
    color: #333!important
}

.c444 {
    color: #444!important
}

.c555 {
    color: #555!important
}

.c666 {
    color: #666!important
}

.c777 {
    color: #777!important
}

.c888 {
    color: #888!important
}

.c999 {
    color: #999!important
}

.bgmaincolor {
    background: #ccced4!important
}

.bgmaincolordarken {
    background: #19b395
}

.bgmaincolorlighten {
    background: #1bc5a3
}

.bgsecondcolor {
    background: #95ce92!important
}

.bgsecondcolordarken {
    background: #84c680
}

.bgsecondcolorlighten {
    background: #a6d6a4
}

.bgwhite {
    background: #fff!important
}

.bgblack {
    background: #000!important
}

.bglightgrey {
    background: #999!important
}

.bglightgrey2 {
    background: #ccced4!important
}

.bggrey {
    background: #666!important
}

.bgdarkgrey {
    background: #333!important
}

.bgdark {
    background: #222!important
}

.bgdark2 {
    background: #263842!important
}

.bgcealk {
    background: #c1bf94!important
}

.lightbg {
    background: #f6f6f6!important
}

.bgsoftlight {
    background: #fcfcfc!important
}

.bgxlight {
    background: #fcfcfc!important
}

.bglight {
    background: #f6f6f6!important
}

.bglight2 {
    background: #eee!important
}

.bglight3 {
    background: #ddd!important
}

.bglight4 {
    background: #ccc!important
}

.bglime {
    background: #c1d88a!important
}

.bglightturquoise {
    background: #1fc4d3!important
}

.bgturquoise {
    background: #699!important
}

.bgturquoise2 {
    background: #9cc!important
}

.bglightgreen {
    background: #76f099!important
}

.bggreen {
    background: #0c6!important
}

.bggreen2 {
    background: #93c359!important
}

.bgblue {
    background: #13acd8!important
}

.bgblue2 {
    background: #09c!important
}

.bgblue3 {
    background: #55c7f6!important
}

.bgdarkblue {
    background: #233e83!important
}

.bgdarkblue2 {
    background: #1c1c38!important
}

.bgred {
    background: #c33!important
}

.bgpurple {
    background: #704b8c!important
}

.bgorange {
    background: #f93!important
}

.bgorange2 {
    background: #f96!important
}

.bgorange3 {
    background: #f63!important
}

.bgpalred {
    background: #f4efe9!important
}

.bgpalred2 {
    background: #e4dcd3!important
}

.bgpalblue {
    background: #f5f6f7!important
}

.bgpalgreen {
    background: #e0ead9!important
}

.bgpalgreen2 {
    background: #e8ebe5!important
}

.bg000 {
    background: #000!important
}

.bg111 {
    background: #111!important
}

.bg222 {
    background: #222!important
}

.bg333 {
    background: #333!important
}

.bg444 {
    background: #444!important
}

.bg555 {
    background: #555!important
}

.bg666 {
    background: #666!important
}

.bg777 {
    background: #777!important
}

.bg888 {
    background: #888!important
}

.bg999 {
    background: #999!important
}

.bgtransparentblack {
    background: #333!important;
    background: rgba(0, 0, 0, 0.3)!important
}

.filtergray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.filtergray:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%)
}

.bgimage1 {
    background: url(../images/tm10/bg.jpg) #12171d
}

.bgimage2 {
    background: url(../images/bg6.jpg) #666 50% 0 repeat-y fixed
}

.bgimage3 {
    background: url(../images/section_bg_2.jpg) #666 50% 0 repeat-y fixed
}

.cover1 {
    background: url(../images/test/test.jpg) center center;
    background-size: cover
}

.cover1b {
    background: url(../images/test/test3.jpg) center center;
    background-size: cover
}

.cover2 {
    background: url(../images/covers/cover2.jpg) center center;
    background-size: cover;
    z-index: 100;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.cover2:hover {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

.cover2b {
    background: url(../images/covers/cover2.jpg) center center;
    background-size: cover;
    z-index: 100
}

.cover3 {
    background: url(../images/test/pic4.jpg) center center;
    background-size: cover
}

.cover4 {
    background: url(../images/bg1b.jpg) fixed;
    background-size: cover
}

.cover5 {
    background: url(../images/section_bg_2.jpg) fixed;
    background-size: cover
}

.cover5b {
    background: url(../images/tm17/section_bg_2.jpg) fixed;
    background-size: cover
}

.cover6 {
    background: url(../images/tm7/cover.jpg) center center;
    background-size: cover
}

.cover6b {
    background: url(../images/tm7/cover2.jpg) center center;
    background-size: cover
}

.cover-career {
    background: url(../images/secondpages/pic1.jpg) center center;
    background-size: cover
}

.maintenance {
    background: url(../images/secondpages/maintenancemode.jpg) center center;
    background-size: cover
}

.comingsoon {
    background: url(../images/secondpages/agency.jpg) center center;
    background-size: cover
}

.cover-girls {
    background: url(../images/slider/girls.jpg) center center;
    background-size: cover
}

.filterdark {
    z-index: 4;
    display: block;
    background: rgba(0, 0, 0, 0.5);
    width: 100%;
    height: 100%
}

.cover-right-text {
    padding-left: 10px!important
}

@media (min-width: 992px) {
    .cover-right-text {
        padding-left: 50px!important
    }
}

.bgcover {
    background: url(../images/tm15/slide.jpg) center center;
    background-size: cover
}

.bgcover2 {
    background: url(../images/tm15/slide2.jpg) center center;
    background-size: cover
}

.breadcrumbs {
    font-size: 10px;
    color: #ccc;
    text-align: center;
    text-transform: uppercase
}

.breadcrumbs a {
    color: #ccc
}

.breadcrumbs a:hover {
    color: #222
}

.breadcrumbs a.inactive {
    color: #ddd
}

.breadcrumbs a.inactive:hover {
    color: #ddd
}

.breadcrumbs i {
    padding: 0 10px
}

div.toparrow {
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #efefef;
    margin: 0 auto;
    position: relative;
    bottom: -40px
}

ul.pagination2 li {
    float: left;
    margin-right: 3px
}

ul.pagination2 li a {
    display: block;
    width: 25px;
    height: 25px;
    background: #ccc;
    color: #fff;
    padding: 2px 8px;
    border-radius: 2px
}

ul.pagination2 li a:hover,
ul.pagination2 li a:focus {
    background: #ccced4
}

ul.pagination2 li.active a {
    background: #fff;
    color: #444
}

ul.pagination2.white li.active a {
    background: #ccced4;
    color: #fff
}

ul.pagination2.round li a {
    background: #efefef;
    color: #999;
    border-radius: 50%
}

ul.pagination2.round li.active a {
    background: #ccced4;
    color: #fff
}

.shadow {
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.1)
}

.shadow2 {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.5)
}

.shadow3 {
    box-shadow: 0 0 50px rgba(0, 0, 0, 0.8)
}

.shadowinsett {
    box-shadow: inset 20px 0 20px -10px rgba(0, 0, 0, 0.05)
}

.round {
    border-radius: 100px!important
}

.roundleft {
    border-radius: 100px 0 0 100px!important
}

.roundright {
    border-radius: 0 100px 100px 0!important
}

.brdlight {
    border: 1px solid #e2e2e2
}

.borderall {
    border: 1px solid #efefef
}

.bordertop {
    border-top: 1px solid #efefef
}

.borderbottom {
    border-bottom: 1px solid #efefef
}

.borderleft {
    border-left: 1px solid #efefef
}

.borderright {
    border-right: 1px solid #efefef
}

.bordertopbottom {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef
}

.borderright-hide {
    border-right: 0 solid #efefef
}

@media (min-width: 992px) {
    .borderright-hide {
        border-right: 1px solid #efefef
    }
}

.borderall444 {
    border: 1px solid #333
}

.bordertop444 {
    border-top: 1px solid #333
}

.borderbottom444 {
    border-bottom: 1px solid #333
}

.borderleft444 {
    border-left: 1px solid #333
}

.borderright444 {
    border-right: 1px solid #333
}

.bordertopbottom444 {
    border-top: 1px solid #333;
    border-bottom: 1px solid #333
}

.borderallmain {
    border: 1px solid #209c84
}

.bordertopmain {
    border-top: 1px solid #209c84
}

.borderbottommain {
    border-bottom: 1px solid #209c84
}

.borderleftmain {
    border-left: 1px solid #209c84
}

.borderrightmain {
    border-right: 1px solid #209c84
}

.bordertopbottommain {
    border-top: 1px solid #209c84;
    border-bottom: 1px solid #333
}

.bordertopcolor {
    border-top: 5px solid #ccced4
}

.bordernone {
    border: 0!important
}

.noborder {
    border: 0!important
}

.noborders {
    border: 0!important
}

.removeborders {
    border: 0!important
}

.cborder {
    border-top: 1px solid #444;
    border-left: 0
}

@media (min-width: 992px) {
    .cborder {
        border-top: 0;
        border-left: 1px solid #444
    }
}

.secpage {
    background: #fff;
    position: relative;
    height: 31px;
    z-index: 100
}

@media (min-width: 768px) {
    .secpage {
        height: 110px
    }
}

@media (min-width: 992px) {
    .secpage {
        height: 110px
    }
}

.alert {
    border-radius: 0;
    margin-bottom: 20px;
    padding: 10px;
    border: 0
}

.spanspace span {
    display: inline-block;
    padding: 0 5px;
    margin: 0!important;
    font-size: 12px
}

.spanspace2 span {
    display: inline-block;
    padding: 2px 10px;
    margin: 2px!important;
    font-size: 11px;
    color: #fff;
    border-radius: 2px
}

.custpos01 {
    padding: 3%
}

.cus-pos-abs {
    position: relative;
    margin: 0 auto;
    left: 0;
    right: 0
}

@media (min-width: 992px) {
    .cus-pos-abs {
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0
    }
}

.cuspos {
    padding-top: 50px
}

@media (min-width: 992px) {
    .cuspos {
        padding-top: 120px
    }
}

.changezindex {
    z-index: 20;
    position: relative
}

@media (min-width: 992px) {
    .changezindex {
        z-index: auto;
        position: static
    }
}

.leftmenu {
    list-style: none
}

.leftmenu li {
    text-align: right
}

.leftmenu li span {
    float: right;
    font-size: 10px;
    margin: 4px 0 0 15px
}

.leftmenu li span:after {
    font-family: 'fontello';
    content: "\e8b3"
}

.leftmenu li.title {
    font-family: proxima_novaextrabold;
    text-transform: uppercase;
    padding: 0 18px 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.leftmenu li a {
    color: #000;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-decoration: none
}

.leftmenu li.active a {
    color: #ccced4
}

.leftmenu li:hover a {
    color: #ccced4
}

.leftborder {
    border-left: 1px solid #efefef
}

.rightmenu {
    list-style: none
}

.rightmenu li {
    text-align: left
}

.rightmenu li span {
    float: left;
    font-size: 10px;
    margin: 4px 15px 0 0
}

.rightmenu li span:after {
    font-family: 'fontello';
    content: "\e8b2"
}

.rightmenu li.title {
    font-family: proxima_novaextrabold;
    text-transform: uppercase;
    padding: 0 18px 10px 0;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc
}

.rightmenu li a {
    color: #000;
    padding: 5px 0;
    display: inline-block;
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    text-decoration: none
}

.rightmenu li.active a {
    color: #ccced4
}

.rightmenu li:hover a {
    color: #ccced4
}

ul.sidemenu {
    list-style: none
}

ul.sidemenu li {
    text-indent: 0;
    background: #fff;
    border: 1px solid #efefef;
    margin-top: -1px
}

ul.sidemenu li a {
    display: block;
    padding: 15px 20px;
    color: #999
}

ul.sidemenu li a:hover,
ul.sidemenu li a:focus {
    text-decoration: none;
    margin-left: 5px;
    color: #ccced4
}

ul.sidemenu li a.select {
    color: #333
}

ul.sidemenu li.title {
    font-weight: 700
}

ul.sidemenu li.title a {
    color: #222
}

ul.sidemenu li:before {
    font-family: fontello;
    float: left;
    width: 30px;
    margin-top: 15px;
    margin-left: 20px;
    color: #ccc
}

ul.sidemenu li.inbox:before {
    content: "\E867";
    font-size: 20px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 5px
}

ul.sidemenu li.arrow:before {
    content: "\e830"
}

ul.sidemenu li.arrow2:before {
    content: "\e831"
}

ul.sidemenu li.arrow3:before {
    content: "\e80a"
}

ul.sidemenu.dark {
    list-style: none
}

ul.sidemenu.dark li {
    text-indent: 0;
    background: #222;
    border: 1px solid #222;
    margin-top: -1px
}

ul.sidemenu.dark li a {
    display: block;
    padding: 15px 20px;
    color: #999
}

ul.sidemenu.dark li a:hover,
ul.sidemenu.dark li a:focus {
    text-decoration: none;
    margin-left: 5px;
    color: #ccced4
}

ul.sidemenu.dark li a.select {
    color: #333
}

ul.sidemenu.dark li.title {
    font-weight: 700
}

ul.sidemenu.dark li.title a {
    color: #fff;
    border-bottom: 1px solid #2a2a2a
}

ul.sidemenu.dark li:before {
    font-family: fontello;
    float: left;
    width: 30px;
    margin-top: 15px;
    margin-left: 20px;
    color: #ccc
}

ul.sidemenu.dark li.inbox:before {
    content: "\E867";
    font-size: 20px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 5px
}

ul.sidemenu.dark li.arrow:before {
    content: "\e830"
}

ul.sidemenu.dark li.arrow2:before {
    content: "\e831"
}

ul.sidemenu.dark li.arrow3:before {
    content: "\e80a"
}

ul.sidemenu.dark li.chart1:before {
    content: "\E840"
}

ul.sidemenu.dark li.people:before {
    content: "\E84D"
}

ul.sidemenu.dark li.seo:before {
    content: "\E8A9"
}

ul.sidemenu.dark li.search:before {
    content: "\E839"
}

ul.sidemenu.dark li.device:before {
    content: "\E83E"
}

ul.sidemenu.dark li.feather:before {
    content: "\E829"
}

ul.sidemenu.dark li.social:before {
    content: "\E84B"
}

ul.sidemenu.transparent {
    list-style: none
}

ul.sidemenu.transparent li {
    text-indent: 0;
    background: transparent;
    border: 0 solid #222;
    margin-top: -1px
}

ul.sidemenu.transparent li a {
    display: block;
    padding: 15px 20px;
    color: #999
}

ul.sidemenu.transparent li a:hover,
ul.sidemenu.transparent li a:focus {
    text-decoration: none;
    margin-left: 5px;
    color: #ccced4
}

ul.sidemenu.transparent li a.select {
    color: #333
}

ul.sidemenu.transparent li.title {
    font-weight: 700
}

ul.sidemenu.transparent li.title a {
    color: #fff;
    border-bottom: 1px solid #2a2a2a
}

ul.sidemenu.transparent li:before {
    font-family: fontello;
    float: left;
    width: 30px;
    margin-top: 15px;
    margin-left: 20px;
    color: #ccc
}

ul.sidemenu.transparent li.inbox:before {
    content: "\E867";
    font-size: 20px;
    margin-top: 10px;
    margin-left: 0;
    margin-right: 5px
}

ul.sidemenu.transparent li.arrow:before {
    content: "\e830";
    margin-left: 0
}

ul.sidemenu.transparent li.arrow2:before {
    content: "\e831";
    margin-left: 0
}

ul.sidemenu.transparent li.arrow3:before {
    content: "\e80a";
    margin-left: 0
}

ul.sidemenu.transparent li.chart1:before {
    content: "\E840";
    margin-left: 0
}

ul.sidemenu.transparent li.people:before {
    content: "\E84D";
    margin-left: 0
}

ul.sidemenu.transparent li.seo:before {
    content: "\E8A9";
    margin-left: 0
}

ul.sidemenu.transparent li.search:before {
    content: "\E839";
    margin-left: 0
}

ul.sidemenu.transparent li.device:before {
    content: "\E83E";
    margin-left: 0
}

ul.sidemenu.transparent li.feather:before {
    content: "\E829";
    margin-left: 0
}

ul.sidemenu.transparent li.social:before {
    content: "\E84B";
    margin-left: 0
}

ul.sidemenu.maincolor {
    list-style: none
}

ul.sidemenu.maincolor li {
    text-align: left;
    text-indent: 0;
    background: #ccced4;
    border: 1px solid #ccced4;
    margin-top: -1px
}

ul.sidemenu.maincolor li a {
    display: block;
    padding: 15px 20px;
    color: #fff
}

ul.sidemenu.maincolor li a:hover,
ul.sidemenu.maincolor li a:focus {
    text-decoration: none;
    margin-left: 5px;
    color: #148f77
}

ul.sidemenu.maincolor li a.select {
    color: #333
}

ul.sidemenu.maincolor li.title {
    font-weight: 700
}

ul.sidemenu.maincolor li.title a {
    color: #fff;
    border-bottom: 1px solid #1cc9a7
}

ul.sidemenu.maincolor li:before {
    font-family: fontello;
    float: left;
    width: 30px;
    margin-top: 15px;
    margin-left: 20px;
    color: #ccc
}

ul.sidemenu.maincolor li.inbox:before {
    content: "\E867";
    font-size: 20px;
    margin-top: 10px;
    margin-left: 15px;
    margin-right: 5px
}

ul.sidemenu.maincolor li.arrow:before {
    content: "\e830"
}

ul.sidemenu.maincolor li.arrow2:before {
    content: "\e831"
}

ul.sidemenu.maincolor li.arrow3:before {
    content: "\e80a"
}

ul.sidemenu.maincolor li.chart1:before {
    content: "\E840"
}

ul.sidemenu.maincolor li.people:before {
    content: "\E84D"
}

ul.sidemenu.maincolor li.seo:before {
    content: "\E8A9"
}

ul.sidemenu.maincolor li.search:before {
    content: "\E839"
}

ul.sidemenu.maincolor li.device:before {
    content: "\E83E"
}

ul.sidemenu.maincolor li.feather:before {
    content: "\E829"
}

ul.sidemenu.maincolor li.social:before {
    content: "\E84B"
}

ul.cgray a {
    color: #999
}

ul.cgray a:hover {
    color: #ccced4
}

.percent100 {
    width: 100%
}

.percent95 {
    width: 95%
}

.percent90 {
    width: 90%
}

.percent85 {
    width: 85%
}

.percent80 {
    width: 80%
}

.percent75 {
    width: 75%
}

.percent60 {
    width: 60%
}

.percent50 {
    width: 50%
}

.percent33 {
    width: 33.33%
}

.percent66 {
    width: 66.66%
}

.percent25 {
    width: 25%
}

.percent20 {
    width: 19.5%
}

.rev-l {
    margin: 0 auto;
    display: block
}

.rev-r {
    margin: 0 auto;
    display: block;
    margin-top: 30px!important
}

@media (min-width: 992px) {
    .rev-l {
        float: right
    }
    .rev-r {
        float: left;
        margin-top: 0!important
    }
}

.slidertitle {
    font-family: ptb;
    font-size: 20px!important;
    color: #fff;
    line-height: 0
}

.ab {
    font-family: agencyb;
    font-size: 30px!important
}

.tp-resizeme {
    margin-bottom: 20px
}

@media (min-width: 768px) {
    .slidertitle {
        font-size: 60px!important
    }
}

.slidersubtitle {
    font-family: agencyr;
    font-size: 40px!important;
    line-height: 0;
    color: #fff
}

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

@media (min-width: 100px) and (max-width: 868px) {
    .pequeno {
        display: none
    }
}

@media (min-width: 768px) {
    .slidersubtitle {
        font-size: 60px!important
    }
    .pequeno {
        font-size: 50px!important
    }
    .ab {
        font-size: 70px!important
    }
}

.rev-p1 {
    margin-top: -140px!important;
    font-size: 60px!important;
    line-height: 60px!important
}

@media (min-width: 768px) {
    .rev-p1 {
        margin-top: -70px!important;
        font-size: 50px!important
    }
}

@media (min-width: 992px) {
    .rev-p1 {
        margin-top: 0!important;
        font-size: 50px!important
    }
}

.rev-ct1 {
    margin-top: 250px!important
}

@media (min-width: 768px) {
    .rev-ct1 {
        margin-top: 150px!important
    }
}

@media (min-width: 992px) {
    .rev-ct1 {
        margin-top: 0!important
    }
}

.rev-p2 {
    font-size: 60px!important;
    line-height: 60px!important;
    margin-bottom: 130px!important
}

@media (min-width: 768px) {
    .rev-p2 {
        font-size: 50px!important;
        margin-bottom: 30px!important
    }
}

@media (min-width: 992px) {
    .rev-p2 {
        font-size: 50px!important;
        margin-bottom: 0!important
    }
}

.btnmaincolor {
    background: #ccced4;
    border-radius: 0;
    font-size: 14px;
    color: #fff!important;
    padding: 13px 20px 10px;
    border: 2px solid #ccced4;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btnmaincolor:hover,
.btnmaincolor:focus {
    background: #22685a;
    border: 2px solid #22685a;
    color: #fff!important
}

.btnsecondcolor {
    background: #95ce92;
    border-radius: 0;
    font-size: 14px;
    color: #fff!important;
    padding: 13px 20px 10px;
    border: 2px solid #95ce92;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btnsecondcolor:hover {
    background: #7c997b;
    border: 2px solid #7c997b;
    color: #fff!important
}

.btnmainline {
    background: transparent;
    border: 2px solid #ccced4;
    border-radius: 0;
    font-size: 16px;
    color: #ccced4;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnmainline:hover {
    background: transparent;
    border: 2px solid #28e1bd;
    color: #28e1bd;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnsecondline {
    background: transparent;
    border: 2px solid #95ce92;
    border-radius: 0;
    font-size: 16px;
    color: #95ce92;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnsecondline:hover {
    background: transparent;
    border: 2px solid #b7deb5;
    color: #b7deb5;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhite {
    background: transparent;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0
}

.btnwhite:hover {
    background: #fff;
    color: #666;
    border: 1px solid #adadad
}

.btnwhite2 {
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    background: transparent;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    border-radius: 0
}

.btnwhite2:hover {
    background: transparent;
    color: #fff;
    border: 1px solid #fff
}

.btnblack {
    border: 1px solid #222;
    background: transparent;
    color: #666;
    border-radius: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnblack:hover {
    background: transparent;
    border: 1px solid #444;
    color: #fff
}

.btnwhitebig {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 10px 25px;
    font-size: 16px
}

.btnwhitebig:hover {
    background: #fff;
    border: 1px solid #adadad
}

.btnwhitehuge {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 15px 60px;
    font-size: 16px
}

.btnwhitehuge:hover {
    background: #fff;
    border: 1px solid #adadad
}

.btndarkhuge {
    border: 1px solid #333;
    background: #222;
    color: #666;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 15px 60px;
    font-size: 16px
}

.btndarkhuge:hover {
    background: #222;
    border: 1px solid #444;
    color: #f63
}

.btngreenhuge {
    background: #95ce92;
    color: #fff;
    border: 1px solid #73be6f;
    border-radius: 0;
    padding: 15px 60px;
    font-size: 16px
}

.btngreenhuge:hover {
    background: #73be6f;
    color: #fff;
    border: 1px solid #adadad
}

.btndarkround {
    background: #222;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkround:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeround {
    background: #f63;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeround:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteround {
    background: #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #222;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteround:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkroundline {
    background: transparent;
    border: 1px solid #222;
    border-radius: 3px;
    font-size: 16px;
    color: #222;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkroundline:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeroundline {
    background: transparent;
    border: 1px solid #f63;
    border-radius: 3px;
    font-size: 16px;
    color: #f63;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeroundline:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteroundline {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteroundline:hover {
    background: #fff;
    color: #222;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkroundline2 {
    background: transparent;
    border: 2px solid #222;
    border-radius: 3px;
    font-size: 16px;
    color: #222;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkroundline2:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeroundline2 {
    background: transparent;
    border: 2px solid #f63;
    border-radius: 3px;
    font-size: 16px;
    color: #f63;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeroundline2:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteroundline2 {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 3px;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteroundline2:hover {
    background: #fff;
    color: #222;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigwhiteroundline2 {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 5px;
    font-size: 16px;
    color: #fff;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigwhiteroundline2:hover {
    background: #fff;
    color: #222;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2 {
    background: transparent;
    border: 2px solid #222;
    border-radius: 5px;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2orange {
    background: transparent;
    border: 2px solid #222;
    border-radius: 5px;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2orange:hover {
    background: #f63;
    border: 2px solid #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2orangeline {
    background: transparent;
    border: 2px solid #222;
    border-radius: 5px;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkroundline2orangeline:hover {
    background: transparent;
    border: 2px solid #f63;
    color: #f63;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndark {
    background: #333;
    border-radius: 0;
    font-size: 16px;
    color: #999;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndark:hover {
    background: #444;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btncyan {
    background: #0cc;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btncyan:hover {
    background: #0cc;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btngreen {
    background: #93c359;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btngreen:hover,
.btngreen:focus {
    background: #9c6;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorange {
    background: #f96;
    border-radius: 0;
    font-size: 16px;
    color: #fff!important;
    padding: 13px 20px 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.btnorange:hover,
.btnorange:focus {
    background: #f50;
    color: #fff!important
}

.btnorange2 {
    background: #f63;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorange2:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnblue {
    background: #13acd8;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnblue:hover {
    background: #09c;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnblue:focus {
    color: #fff
}

.btncealk {
    background: #c1bf94;
    border-radius: 0;
    border: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btncealk:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitesquare {
    background: #fff;
    border-radius: 0;
    font-size: 16px;
    color: #222;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitesquare:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkline {
    background: transparent;
    border: 1px solid #333;
    border-radius: 0;
    font-size: 16px;
    color: #999;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkline:hover {
    background: #ccced4;
    border: 1px solid #ccced4;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeline {
    background: transparent;
    border: 1px solid #f63;
    border-radius: 0;
    font-size: 16px;
    color: #f63;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeline:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteline {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff!important;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteline:hover {
    background: #ccced4;
    border: 1px solid #ccced4;
    color: #fff!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitelineblue {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff!important;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitelineblue:hover {
    background: #55c7f6;
    border: 1px solid #55c7f6;
    color: #fff!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitelinegreen {
    background: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhitelinegreen:hover {
    background: #3FC1AA;
    border: 1px solid #3FC1AA;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkline2 {
    background: transparent;
    border: 2px solid #222;
    border-radius: 0;
    font-size: 16px;
    color: #222!important;
    padding: 13px 20px 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btndarkline2:hover {
    background: #222;
    color: #fff!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeline2 {
    background: transparent;
    border: 2px solid #f63;
    border-radius: 0;
    font-size: 16px;
    color: #f63;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnorangeline2:hover {
    background: #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteline2 {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 14px;
    color: #fff!important;
    padding: 13px 20px 10px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnwhiteline2:hover {
    background: #fff;
    border: 2px solid #fff;
    color: #000!important;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btngreywhiteline {
    background: transparent;
    border: 2px solid #999;
    color: #999;
    border-radius: 0;
    font-size: 16px;
    padding: 10px 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btngreywhiteline:hover {
    background: transparent;
    border: 2px solid #fff;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigwhiteline2 {
    background: transparent;
    border: 2px solid #fff;
    border-radius: 0;
    font-size: 16px;
    color: #fff;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigwhiteline2:hover {
    background: #fff;
    color: #222;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2 {
    background: transparent;
    border: 2px solid #222;
    border-radius: 0;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2:hover {
    background: #222;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2orange {
    background: transparent;
    border: 2px solid #222;
    border-radius: 0;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2orange:hover {
    background: #f63;
    border: 2px solid #f63;
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2orangeline {
    background: transparent;
    border: 2px solid #222;
    border-radius: 0;
    font-size: 16px;
    color: #222;
    padding: 15px 40px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.btnbigdarkline2orangeline:hover {
    background: transparent;
    border: 2px solid #f63;
    color: #f63;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.roundbutton {
    border-radius: 100px;
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    padding: 10px;
    font-weight: 700
}

.roundbutton:hover,
.roundbutton:focus {
    border: 3px solid #fff;
    color: #fff;
    opacity: .7
}

.roundbutton-green {
    border-radius: 100px;
    border: 3px solid #fff;
    background: transparent;
    color: #fff;
    padding: 10px;
    font-weight: 700;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.roundbutton-green:hover,
.roundbutton-green:focus {
    border: 3px solid #3c6;
    color: #3c6
}

.roundbutton-dark {
    border-radius: 100px;
    border: 3px solid #222;
    background: transparent;
    color: #222;
    padding: 10px;
    font-weight: 700
}

.roundbutton-dark:hover,
.roundbutton-dark:focus {
    border: 3px solid #222;
    color: #222;
    opacity: .7
}

.roundbutton-grey {
    border-radius: 100px;
    border: 3px solid #999;
    background: transparent;
    color: #999;
    padding: 10px;
    font-weight: 700
}

.roundbutton-grey:hover,
.roundbutton-grey:focus {
    border: 3px solid #fff;
    color: #fff;
    opacity: 1
}

.cmt {
    margin-top: 20px
}

@media (min-width: 992px) {
    .cmt {
        margin-top: 0
    }
}

.m1 {
    margin: 1px
}

.m2 {
    margin: 2px
}

.m3 {
    margin: 3px
}

.m4 {
    margin: 4px
}

.m5 {
    margin: 5px
}

.m6 {
    margin: 6px
}

.m7 {
    margin: 7px
}

.m8 {
    margin: 8px
}

.m9 {
    margin: 9px
}

.m10 {
    margin: 10px
}

.m11 {
    margin: 11px
}

.m12 {
    margin: 12px
}

.m13 {
    margin: 13px
}

.m14 {
    margin: 14px
}

.m15 {
    margin: 15px
}

.m20 {
    margin: 20px
}

.m30 {
    margin: 30px
}

.m40 {
    margin: 40px
}

.m50 {
    margin: 50px
}

.m60 {
    margin: 60px
}

.m70 {
    margin: 70px
}

.m80 {
    margin: 80px
}

.m90 {
    margin: 90px
}

.m100 {
    margin: 100px
}

.mt0 {
    margin-top: 0
}

.mt1 {
    margin-top: 1px
}

.mt2 {
    margin-top: 2px
}

.mt3 {
    margin-top: 3px
}

.mt4 {
    margin-top: 4px
}

.mt5 {
    margin-top: 5px
}

.mt6 {
    margin-top: 6px
}

.mt7 {
    margin-top: 7px
}

.mt8 {
    margin-top: 8px
}

.mt9 {
    margin-top: 9px
}

.mt10 {
    margin-top: 10px
}

.mt11 {
    margin-top: 11px
}

.mt12 {
    margin-top: 12px
}

.mt13 {
    margin-top: 13px
}

.mt14 {
    margin-top: 14px
}

.mt15 {
    margin-top: 15px
}

.mt16 {
    margin-top: 16px
}

.mt17 {
    margin-top: 17px
}

.mt18 {
    margin-top: 18px
}

.mt19 {
    margin-top: 19px
}

.mt20 {
    margin-top: 20px
}

.mt30 {
    margin-top: 30px
}

.mt40 {
    margin-top: 40px
}

.mt50 {
    margin-top: 50px
}

.mt60 {
    margin-top: 60px
}

.mt70 {
    margin-top: 70px
}

.mt80 {
    margin-top: 80px
}

.mt90 {
    margin-top: 90px
}

.mt100 {
    margin-top: 100px
}

.mt-1 {
    margin-top: -1px
}

.mt-2 {
    margin-top: -2px
}

.mt-3 {
    margin-top: -3px
}

.mt-4 {
    margin-top: -4px
}

.mt-5 {
    margin-top: -5px
}

.mt-6 {
    margin-top: -6px
}

.mt-7 {
    margin-top: -7px
}

.mt-8 {
    margin-top: -8px
}

.mt-9 {
    margin-top: -9px
}

.mt-10 {
    margin-top: -10px
}

.mt-15 {
    margin-top: -15px
}

.mt-20 {
    margin-top: -20px
}

.mt-25 {
    margin-top: -25px
}

.mt-30 {
    margin-top: -30px
}

.mt-40 {
    margin-top: -40px
}

.mt-50 {
    margin-top: -50px
}

.mt-60 {
    margin-top: -60px
}

.mt-70 {
    margin-top: -70px
}

.mt-80 {
    margin-top: -80px
}

.mt-90 {
    margin-top: -90px
}

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

.mb1 {
    margin-bottom: 1px
}

.mb2 {
    margin-bottom: 2px
}

.mb3 {
    margin-bottom: 3px
}

.mb4 {
    margin-bottom: 4px
}

.mb5 {
    margin-bottom: 5px
}

.mb6 {
    margin-bottom: 6px
}

.mb7 {
    margin-bottom: 7px
}

.mb8 {
    margin-bottom: 8px
}

.mb9 {
    margin-bottom: 9px
}

.mb10 {
    margin-bottom: 10px
}

.mb11 {
    margin-bottom: 11px
}

.mb12 {
    margin-bottom: 12px
}

.mb13 {
    margin-bottom: 13px
}

.mb14 {
    margin-bottom: 14px
}

.mb15 {
    margin-bottom: 15px
}

.mb20 {
    margin-bottom: 20px
}

.mb25 {
    margin-bottom: 25px
}

.mb30 {
    margin-bottom: 30px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.mb60 {
    margin-bottom: 60px
}

.mb70 {
    margin-bottom: 70px
}

.mb80 {
    margin-bottom: 80px
}

.mb90 {
    margin-bottom: 90px
}

.mb100 {
    margin-bottom: 100px
}

.mb-1 {
    margin-bottom: -1px
}

.mb-2 {
    margin-bottom: -2px
}

.mb-3 {
    margin-bottom: -3px
}

.mb-4 {
    margin-bottom: -4px
}

.mb-5 {
    margin-bottom: -5px
}

.mb-6 {
    margin-bottom: -6px
}

.mb-7 {
    margin-bottom: -7px
}

.mb-8 {
    margin-bottom: -8px
}

.mb-9 {
    margin-bottom: -9px
}

.mb-10 {
    margin-bottom: -10px
}

.mb-11 {
    margin-bottom: -11px
}

.mb-12 {
    margin-bottom: -12px
}

.mb-13 {
    margin-bottom: -13px
}

.mb-14 {
    margin-bottom: -14px
}

.mb-15 {
    margin-bottom: -15px
}

.mb-20 {
    margin-bottom: -20px
}

.mb-30 {
    margin-bottom: -30px
}

.mb-40 {
    margin-bottom: -40px
}

.mb-50 {
    margin-bottom: -50px
}

.mb-60 {
    margin-bottom: -60px
}

.mb-70 {
    margin-bottom: -70px
}

.mb-80 {
    margin-bottom: -80px
}

.mb-90 {
    margin-bottom: -90px
}

.mb-100 {
    margin-bottom: -100px
}

.mtb1 {
    margin-top: 1px;
    margin-bottom: 1px
}

.mtb2 {
    margin-top: 2px;
    margin-bottom: 2px
}

.mtb3 {
    margin-top: 3px;
    margin-bottom: 3px
}

.mtb4 {
    margin-top: 4px;
    margin-bottom: 4px
}

.mtb5 {
    margin-top: 5px;
    margin-bottom: 5px
}

.mtb6 {
    margin-top: 6px;
    margin-bottom: 6px
}

.mtb7 {
    margin-top: 7px;
    margin-bottom: 7px
}

.mtb8 {
    margin-top: 8px;
    margin-bottom: 8px
}

.mtb9 {
    margin-top: 9px;
    margin-bottom: 9px
}

.mtb15 {
    margin-top: 15px;
    margin-bottom: 15px
}

.mtb10 {
    margin-top: 10px;
    margin-bottom: 10px
}

.mtb20 {
    margin-top: 20px;
    margin-bottom: 20px
}

.mtb30 {
    margin-top: 30px!important;
    margin-bottom: 30px!important
}

.mtb40 {
    margin-top: 40px;
    margin-bottom: 40px
}

.mtb50 {
    margin-top: 50px;
    margin-bottom: 50px
}

.mtb60 {
    margin-top: 60px;
    margin-bottom: 60px
}

.mtb70 {
    margin-top: 70px;
    margin-bottom: 70px
}

.mtb80 {
    margin-top: 80px;
    margin-bottom: 80px
}

.mtb90 {
    margin-top: 90px;
    margin-bottom: 90px
}

.mtb100 {
    margin-top: 100px;
    margin-bottom: 100px
}

.mr1 {
    margin-right: 1px
}

.mr2 {
    margin-right: 2px
}

.mr3 {
    margin-right: 3px
}

.mr4 {
    margin-right: 4px
}

.mr5 {
    margin-right: 5px
}

.mr6 {
    margin-right: 6px
}

.mr7 {
    margin-right: 7px
}

.mr8 {
    margin-right: 8px
}

.mr9 {
    margin-right: 9px
}

.mr10 {
    margin-right: 10px
}

.mr11 {
    margin-right: 11px
}

.mr12 {
    margin-right: 12px
}

.mr13 {
    margin-right: 13px
}

.mr14 {
    margin-right: 14px
}

.mr15 {
    margin-right: 15px
}

.mr20 {
    margin-right: 20px
}

.mr30 {
    margin-right: 30px
}

.mr40 {
    margin-right: 40px
}

.mr50 {
    margin-right: 50px
}

.mr60 {
    margin-right: 60px
}

.mr70 {
    margin-right: 70px
}

.mr80 {
    margin-right: 80px
}

.mr90 {
    margin-right: 90px
}

.mr100 {
    margin-right: 100px
}

.mr-1 {
    margin-right: -1px
}

.mr-2 {
    margin-right: -2px
}

.mr-3 {
    margin-right: -3px
}

.mr-4 {
    margin-right: -4px
}

.mr-5 {
    margin-right: -5px
}

.mr-6 {
    margin-right: -6px
}

.mr-7 {
    margin-right: -7px
}

.mr-8 {
    margin-right: -8px
}

.mr-9 {
    margin-right: -9px
}

.mr-10 {
    margin-right: -10px
}

.mr-11 {
    margin-right: -11px
}

.mr-12 {
    margin-right: -12px
}

.mr-13 {
    margin-right: -13px
}

.mr-14 {
    margin-right: -14px
}

.mr-15 {
    margin-right: -15px
}

.mr-20 {
    margin-right: -20px
}

.mr-30 {
    margin-right: -30px
}

.mr-40 {
    margin-right: -40px
}

.mr-50 {
    margin-right: -50px
}

.mr-60 {
    margin-right: -60px
}

.mr-70 {
    margin-right: -70px
}

.mr-80 {
    margin-right: -80px
}

.mr-90 {
    margin-right: -90px
}

.mr-100 {
    margin-right: -100px
}

.ml1 {
    margin-left: 1px
}

.ml2 {
    margin-left: 2px
}

.ml3 {
    margin-left: 3px
}

.ml4 {
    margin-left: 4px
}

.ml5 {
    margin-left: 5px
}

.ml6 {
    margin-left: 6px
}

.ml7 {
    margin-left: 7px
}

.ml8 {
    margin-left: 8px
}

.ml9 {
    margin-left: 9px
}

.ml10 {
    margin-left: 10px
}

.ml11 {
    margin-left: 11px
}

.ml12 {
    margin-left: 12px
}

.ml13 {
    margin-left: 13px
}

.ml14 {
    margin-left: 14px
}

.ml15 {
    margin-left: 15px
}

.ml20 {
    margin-left: 20px
}

.ml30 {
    margin-left: 30px
}

.ml40 {
    margin-left: 40px
}

.ml50 {
    margin-left: 50px
}

.ml60 {
    margin-left: 60px
}

.ml70 {
    margin-left: 70px
}

.ml80 {
    margin-left: 80px
}

.ml90 {
    margin-left: 90px
}

.ml100 {
    margin-left: 100px
}

.ml120 {
    margin-left: 120px
}

.ml-1 {
    margin-left: -1px
}

.ml-2 {
    margin-left: -2px
}

.ml-3 {
    margin-left: -3px
}

.ml-4 {
    margin-left: -4px
}

.ml-5 {
    margin-left: -5px
}

.ml-6 {
    margin-left: -6px
}

.ml-7 {
    margin-left: -7px
}

.ml-8 {
    margin-left: -8px
}

.ml-9 {
    margin-left: -9px
}

.ml-10 {
    margin-left: -10px
}

.ml-11 {
    margin-left: -11px
}

.ml-12 {
    margin-left: -12px
}

.ml-13 {
    margin-left: -13px
}

.ml-14 {
    margin-left: -14px
}

.ml-15 {
    margin-left: -15px
}

.ml-20 {
    margin-left: -20px
}

.ml-30 {
    margin-left: -30px
}

.ml-40 {
    margin-left: -40px
}

.ml-50 {
    margin-left: -50px
}

.ml-60 {
    margin-left: -60px
}

.ml-70 {
    margin-left: -70px
}

.ml-80 {
    margin-left: -80px
}

.ml-90 {
    margin-left: -90px
}

.ml-100 {
    margin-left: -100px
}

.mlr1 {
    margin-left: 1px;
    margin-right: 1px
}

.mlr2 {
    margin-left: 2px;
    margin-right: 2px
}

.mlr3 {
    margin-left: 3px;
    margin-right: 3px
}

.mlr4 {
    margin-left: 4px;
    margin-right: 4px
}

.mlr5 {
    margin-left: 5px;
    margin-right: 5px
}

.mlr6 {
    margin-left: 6px;
    margin-right: 6px
}

.mlr7 {
    margin-left: 7px;
    margin-right: 7px
}

.mlr8 {
    margin-left: 8px;
    margin-right: 8px
}

.mlr9 {
    margin-left: 9px;
    margin-right: 9px
}

.mlr10 {
    margin-left: 10px;
    margin-right: 10px
}

.mlr11 {
    margin-left: 11px;
    margin-right: 11px
}

.mlr12 {
    margin-left: 12px;
    margin-right: 12px
}

.mlr13 {
    margin-left: 13px;
    margin-right: 13px
}

.mlr14 {
    margin-left: 14px;
    margin-right: 14px
}

.mlr15 {
    margin-left: 15px;
    margin-right: 15px
}

.mlr20 {
    margin-left: 20px;
    margin-right: 20px
}

.mlr30 {
    margin-left: 30px;
    margin-right: 30px
}

.mlr40 {
    margin-left: 40px;
    margin-right: 40px
}

.mlr50 {
    margin-left: 50px;
    margin-right: 50px
}

.mlr60 {
    margin-left: 60px;
    margin-right: 60px
}

.mlr70 {
    margin-left: 70px;
    margin-right: 70px
}

.mlr80 {
    margin-left: 80px;
    margin-right: 80px
}

.mlr90 {
    margin-left: 90px;
    margin-right: 90px
}

.mlr100 {
    margin-left: 100px;
    margin-right: 100px
}

.p1 {
    padding: 1px
}

.p2 {
    padding: 2px
}

.p3 {
    padding: 3px
}

.p4 {
    padding: 4px
}

.p5 {
    padding: 5px
}

.p6 {
    padding: 6px
}

.p7 {
    padding: 7px
}

.p8 {
    padding: 8px
}

.p9 {
    padding: 9px
}

.p10 {
    padding: 10px
}

.p15 {
    padding: 15px
}

.p20 {
    padding: 20px
}

.p30 {
    padding: 30px
}

.p40 {
    padding: 40px
}

.p50 {
    padding: 50px
}

.p60 {
    padding: 60px
}

.p70 {
    padding: 70px
}

.p80 {
    padding: 80px
}

.p90 {
    padding: 90px
}

.p100 {
    padding: 100px
}

.pl1 {
    padding-left: 1px
}

.pl2 {
    padding-left: 2px
}

.pl3 {
    padding-left: 3px
}

.pl4 {
    padding-left: 4px
}

.pl5 {
    padding-left: 5px
}

.pl6 {
    padding-left: 6px
}

.pl7 {
    padding-left: 7px
}

.pl8 {
    padding-left: 8px
}

.pl9 {
    padding-left: 9px
}

.pl10 {
    padding-left: 10px
}

.pl20 {
    padding-left: 20px
}

.pl30 {
    padding-left: 30px
}

.pl40 {
    padding-left: 40px
}

.pl50 {
    padding-left: 50px
}

.pl60 {
    padding-left: 60px
}

.pl70 {
    padding-left: 70px
}

.pl80 {
    padding-left: 80px
}

.pl90 {
    padding-left: 90px
}

.pl100 {
    padding-left: 100px
}

.pr1 {
    padding-right: 1px
}

.pr2 {
    padding-right: 2px
}

.pr3 {
    padding-right: 3px
}

.pr4 {
    padding-right: 4px
}

.pr5 {
    padding-right: 5px
}

.pr6 {
    padding-right: 6px
}

.pr7 {
    padding-right: 7px
}

.pr8 {
    padding-right: 8px
}

.pr9 {
    padding-right: 9px
}

.pr10 {
    padding-right: 10px
}

.pr20 {
    padding-right: 20px
}

.pr30 {
    padding-right: 30px
}

.pr40 {
    padding-right: 40px
}

.pr50 {
    padding-right: 50px
}

.pr60 {
    padding-right: 60px
}

.pr70 {
    padding-right: 70px
}

.pr80 {
    padding-right: 80px
}

.pr90 {
    padding-right: 90px
}

.pr100 {
    padding-right: 100px
}

.plr1 {
    padding-left: 1px;
    padding-right: 1px
}

.plr2 {
    padding-left: 2px;
    padding-right: 2px
}

.plr3 {
    padding-left: 3px;
    padding-right: 3px
}

.plr4 {
    padding-left: 4px;
    padding-right: 4px
}

.plr5 {
    padding-left: 5px;
    padding-right: 5px
}

.plr6 {
    padding-left: 6px;
    padding-right: 6px
}

.plr7 {
    padding-left: 7px;
    padding-right: 7px
}

.plr8 {
    padding-left: 8px;
    padding-right: 8px
}

.plr9 {
    padding-left: 9px;
    padding-right: 9px
}

.plr10 {
    padding-left: 10px;
    padding-right: 10px
}

.plr15 {
    padding-left: 15px;
    padding-right: 15px
}

.plr20 {
    padding-left: 20px;
    padding-right: 20px
}

.plr30 {
    padding-left: 30px;
    padding-right: 30px
}

.plr40 {
    padding-left: 40px;
    padding-right: 40px
}

.plr50 {
    padding-left: 50px;
    padding-right: 50px
}

.plr60 {
    padding-left: 60px;
    padding-right: 60px
}

.plr70 {
    padding-left: 70px;
    padding-right: 70px
}

.plr80 {
    padding-left: 80px;
    padding-right: 80px
}

.plr90 {
    padding-left: 90px;
    padding-right: 90px
}

.plr100 {
    padding-left: 100px;
    padding-right: 100px
}

.pt1 {
    padding-top: 1px
}

.pt2 {
    padding-top: 2px
}

.pt3 {
    padding-top: 3px
}

.pt4 {
    padding-top: 4px
}

.pt5 {
    padding-top: 5px
}

.pt6 {
    padding-top: 6px
}

.pt7 {
    padding-top: 7px
}

.pt8 {
    padding-top: 8px
}

.pt9 {
    padding-top: 9px
}

.pt10 {
    padding-top: 10px
}

.pt11 {
    padding-top: 11px
}

.pt12 {
    padding-top: 12px
}

.pt13 {
    padding-top: 13px
}

.pt14 {
    padding-top: 14px
}

.pt15 {
    padding-top: 15px
}

.pt20 {
    padding-top: 20px
}

.pt25 {
    padding-top: 25px
}

.pt30 {
    padding-top: 30px
}

.pt40 {
    padding-top: 40px
}

.pt50 {
    padding-top: 50px
}

.pt60 {
    padding-top: 60px
}

.pt70 {
    padding-top: 70px
}

.pt80 {
    padding-top: 80px
}

.pt90 {
    padding-top: 90px
}

.pt100 {
    padding-top: 100px
}

.pt180 {
    padding-top: 180px
}

.pt200 {
    padding-top: 200px
}

.pt240 {
    padding-top: 240px
}

.pb1 {
    padding-bottom: 1px
}

.pb2 {
    padding-bottom: 2px
}

.pb3 {
    padding-bottom: 3px
}

.pb4 {
    padding-bottom: 4px
}

.pb5 {
    padding-bottom: 5px
}

.pb6 {
    padding-bottom: 6px
}

.pb7 {
    padding-bottom: 7px
}

.pb8 {
    padding-bottom: 8px
}

.pb9 {
    padding-bottom: 9px
}

.pb10 {
    padding-bottom: 10px
}

.pb11 {
    padding-bottom: 11px
}

.pb12 {
    padding-bottom: 12px
}

.pb13 {
    padding-bottom: 13px
}

.pb14 {
    padding-bottom: 14px
}

.pb15 {
    padding-bottom: 15px
}

.pb20 {
    padding-bottom: 20px
}

.pb30 {
    padding-bottom: 30px
}

.pb40 {
    padding-bottom: 40px
}

.pb50 {
    padding-bottom: 50px
}

.pb60 {
    padding-bottom: 60px
}

.pb70 {
    padding-bottom: 70px
}

.pb80 {
    padding-bottom: 80px
}

.pb90 {
    padding-bottom: 90px
}

.pb100 {
    padding-bottom: 100px
}

.ptb1 {
    padding-top: 1px;
    padding-bottom: 1px
}

.ptb2 {
    padding-top: 2px;
    padding-bottom: 2px
}

.ptb3 {
    padding-top: 3px;
    padding-bottom: 3px
}

.ptb4 {
    padding-top: 4px;
    padding-bottom: 4px
}

.ptb5 {
    padding-top: 5px;
    padding-bottom: 5px
}

.ptb6 {
    padding-top: 6px;
    padding-bottom: 6px
}

.ptb7 {
    padding-top: 7px;
    padding-bottom: 7px
}

.ptb8 {
    padding-top: 8px;
    padding-bottom: 8px
}

.ptb9 {
    padding-top: 9px;
    padding-bottom: 9px
}

.ptb10 {
    padding-top: 10px;
    padding-bottom: 10px
}

.ptb15 {
    padding-top: 15px;
    padding-bottom: 15px
}

.ptb20 {
    padding-top: 20px;
    padding-bottom: 20px
}

.ptb30 {
    padding-top: 30px;
    padding-bottom: 30px
}

.ptb40 {
    padding-top: 40px;
    padding-bottom: 40px
}

.ptb50 {
    padding-top: 50px;
    padding-bottom: 50px
}

.ptb60 {
    padding-top: 60px;
    padding-bottom: 60px
}

.ptb70 {
    padding-top: 70px;
    padding-bottom: 70px
}

.ptb80 {
    padding-top: 80px;
    padding-bottom: 80px
}

.ptb90 {
    padding-top: 90px;
    padding-bottom: 90px
}

.ptb100 {
    padding-top: 100px;
    padding-bottom: 100px
}

@media (max-width: 768px) {
    .pr30 {
        padding-right: 0
    }
    .pr40 {
        padding-right: 0
    }
    .pl30 {
        padding-left: 0
    }
    .pl40 {
        padding-left: 0
    }
    .col-md-4 {
        padding: 0
    }
}

.logo {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .logo {
        display: block;
        position: static;
        float: left;
        margin-top: 0
    }
}

.logo img {
    width: 200px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logo img.dark {
    width: 200px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logo img.white {
    width: 200px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logob {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .logob {
        display: block;
        position: static;
        float: left;
        margin-top: 0
    }
}

.logob img {
    width: 200px;
    height: 60px;
    background: url(../images/logo_2.png) 0 0
}

.logob img.dark {
    width: 200px;
    height: 60px;
    background: url(../images/logo_2.png) 0 0
}

.logob img.white {
    width: 200px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logoc {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .logoc {
        display: block;
        position: static;
        float: left;
        margin-top: 0
    }
}

.logoc img {
    width: 150px;
    height: 40px;
    background: url(../images/logo_3.png) 0 0
}

.logoc img.dark {
    width: 150px;
    height: 40px;
    background: url(../images/logo_3.png) 0 0
}

.logoc img.white {
    width: 152px;
    height: 50px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logod {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .logod {
        display: block;
        position: static;
        float: left;
        margin-top: 0
    }
}

.logod img {
    width: 150px;
    height: 40px;
    background: url(../images/logo_4.png) 0 0
}

.logod img.dark {
    width: 150px;
    height: 40px;
    background: url(../images/logo_4.png) 0 0
}

.logod img.white {
    margin-left: 15px;
    width: 190px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.logo2 img {
    width: 190px;
    height: 60px;
    background: url(../images/logo2.png) 0 0
}

.logoe {
    display: block;
    float: none;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center
}

@media (min-width: 768px) {
    .logoe {
        display: block;
        position: static;
        float: left;
        margin-top: 0
    }
}

.logoe img {
    width: 200px;
    height: 60px;
    background: url(../images/logo_5.png) 0 0
}

.logoe img.dark {
    width: 200px;
    height: 60px;
    background: url(../images/logo_5.png) 0 0
}

.logoe img.white {
    width: 200px;
    height: 60px;
    background: url(../images/logo.png) 0 0;
    background-repeat: no-repeat
}

.ptr {
    font-family: ptr
}

.mainmenu {
    font-family: ptr;
    font-size: 16px;
    float: none;
    border-top: 0;
    max-height: auto;
    padding-right: 0;
    overflow: hidden;
    z-index: 100;
    position: static;
    background: #38383A;
    text-transform: uppercase
}

.dl-menu {
    display: block
}

.inicial {
    display: none
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu {
        float: left;
        border-top: 0;
        background: transparent;
        padding-right: 0;
        position: relative;
        width: 100%;
        top: 10px;
        margin-bottom: 10px
    }
}

@media (max-width: 768px) {
    .inicial {
        display: block
    }
    #dl-menu {
        display: none!important
    }
    .p100 {
        padding: 10px
    }
}

@media (min-width: 992px) {
    .mainmenu {
        float: right;
        border-top: 0;
        background: transparent;
        padding-right: 0
    }
}

.navigation {
    position: absolute;
    width: 100%;
    margin-top: 0;
    z-index: 800
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navigation {
        position: absolute;
        width: 100%;
        margin-top: 0;
        z-index: 800
    }
}

#nav1 {
    margin-top: 10px
}

#nav2 {
    margin-top: 80px
}

.mobanim {
    width: 415px
}

.mostra {
    display: none
}

@media (max-width: 768px) {
    .menu_claro {
        background: white !important;
    }
    #bann {
        background: none !important;
        min-height: 250px !important;
        min-height: 60px !important;
    }
    .mobanim {
        width: 100%;
       }
 
    
    .hides {
        display: none
    }
    .mostra {
        display: block
    }
    #nav2 {
        text-align: center;
        margin-top: 10px
    }
    
   .logo2 img { 
    height: 48px;
width: 152px;
background-size: cover;
   }
    
    
}

@media (min-width: 992px) {
    .navigation {
        position: absolute;
        width: 100%;
        margin-top: 0;
        z-index: 800
    }
}

.shopsearch {
    display: none;
    float: none;
    position: static;
    font-size: 16px
}

.shopsearch ul.nav {
    background: #fff
}

@media (min-width: 768px) {
    .shopsearch {
        display: block;
        float: right;
        position: absolute;
        top: 0;
        right: 0
    }
    .shopsearch ul.nav {
        background: transparent
    }
}

.topnavbar {
    background: #333;
    color: #fff;
    width: 100%;
    height: 40px;
    position: absolute;
    padding-top: 0;
    z-index: 800;
    border-bottom: 1px solid #ebebeb
}

ul.top-socials li {
    color: #ccc;
    font-size: 16px
}

ul.top-socials li a i {
    color: #ccc;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.top-socials li a i:hover {
    color: #333
}

.top-links {
    color: #ccc;
    font-size: 12px
}

.top-links a {
    color: #ccc
}

.top-links a:hover {
    color: #fff
}

.topnavbar.bgwhite .top-links {
    color: #ccc;
    font-size: 12px
}

.topnavbar.bgwhite .top-links a {
    color: #ccc
}

.topnavbar.bgwhite .top-links a:hover {
    color: #ccced4
}

ul.top-socials.white li {
    color: #ccc;
    font-size: 16px
}

ul.top-socials.white li a i {
    color: #ccc;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.top-socials.white li a i:hover {
    color: #fff
}

.top-links.white {
    color: #ccc;
    font-size: 12px
}

.top-links.white a {
    color: #ccc
}

.top-links.white a:hover {
    color: #fff
}

.nav > li {
    padding: 0
}

.navbar-nav {
    margin: 7.5px 0
}

@media (min-width: 992px) {
    .nav > li {
        padding: 0
    }
    .nav > li > a {
        padding: 15px 14px
    }
    #nav1 .nav > li > a {
        font-size: 12px
    }
    #nav2 .nav > li > a {
        font-size: 16.5px
    }
    .navbar-nav {
        margin: 7.5px -15px
    }
}

#nav1.escuro .nav > li > a,
#nav2.escuro .nav > li > a {
    color: #38383A
}

.navbar-toggle {
    float: left;
    left: 15px;
    background: #38383A;
    position: relative;
    left: 0;
    top: 0;
    border-radius: 0;
    border: 0;
    border-right: 1px solid #38383A!important;
    padding: 15px;
    margin: 0
}

.navbar-default .navbar-toggle:hover {
    background: #38383A
}

.navbar-default .navbar-toggle:focus {
    background: transparent
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: #FFF;
    height: 4px
}

.navbar-default .navbar-toggle .icon-bar:hover {
    background-color: #FFF
}

.hide-show-button {
    position: relative;
    left: 0;
    top: 10px;
    display: block;
    background: transparent
}

@media (min-width: 768px) {
    .hide-show-button {
        display: block
    }
}

span.burgerbar {
    display: block;
    width: 20px;
    height: 4px;
    margin-bottom: 2px;
    padding: 0;
    background: #333
}

span.burgerbar.darkblue {
    display: block;
    width: 20px;
    height: 4px;
    margin-bottom: 2px;
    padding: 0;
    background: #555d68
}

span.burgerbar.white {
    display: block;
    width: 20px;
    height: 4px;
    margin-bottom: 2px;
    padding: 0;
    background: #fff
}

a.closemenu {
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100
}

a.closemenu2 {
    margin: 0;
    padding: 0;
    background: rgba(0, 0, 0, 0.2);
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

a.closemenu3 {
    margin: 0;
    padding: 0;
    background: #000;
    opacity: 0;
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000
}

.dots {
    display: block;
    float: right;
    position: absolute;
    right: -15px;
    top: 0;
    border-left: 1px solid #efefef
}

.dots a {
    margin: 0;
    padding: 13px;
    display: block
}

.dots a span.icon-dots {
    width: 5px;
    height: 5px;
    background: #efefef;
    border-radius: 10px;
    margin: 3px 10px 0;
    padding: 0;
    display: block;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.dots a:hover span.icon-dots {
    background: #ccc
}

@media (min-width: 768px) {
    .dots {
        display: none
    }
}

.mobpad {
    margin-top: 80px!important
}

@media (max-width: 768px) {

    .menu_claro .mobpad {
    margin-top: 50px !important;
        
}}


@media (min-width: 768px) {
    .mobpad {
        margin: 0!important
    }
}

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

.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
    background-color: transparent;
    border-color: #428BCA
}

.navbar {
    margin-bottom: 0;
    border: 0
}

.navbar-default {
    background-color: transparent;
    border-color: none
}

.container-fluid {
    padding-left: 0;
    padding-right: 0
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #f63
}

.nav li a.active {
    background-color: transparent!important;
    color: #f63!important;
    border-bottom: 0 solid #f63
}

.dropwidth01 {
    width: 100%;
    position: static;
    margin: 0 auto;
    padding: 0
}

@media only screen and (min-width: 768px) and (max-width: 992px) {
    .dropwidth01 {
        width: 720px;
        position: absolute;
        margin: 0 auto;
        padding: 30px
    }
}

@media only screen and (min-width: 992px) and (max-width: 1200px) {
    .dropwidth01 {
        width: 940px;
        position: absolute;
        margin: 0 auto;
        float: left;
        padding: 30px
    }
}

@media (min-width: 1200px) {
    .dropwidth01 {
        width: 1142px;
        position: absolute;
        margin: 0 auto;
        padding: 30px
    }
}

.dropwidth02 {
    width: 400px
}

.col4fix {
    width: 25%;
    float: left
}

.col3fix {
    width: 33%;
    float: left
}

.col2fix {
    width: 50%;
    float: left
}

ul.nav li.dropdown > ul.dropdown-menu li.dropdown > ul.dropdown-menu {
    margin-top: -31px;
    margin-left: calc(100% - 5px)
}

ul.nav li.dropdown > ul.dropdown-menu li.dropdown > ul.dropdown-menu.left {
    margin-top: -31px;
    margin-left: calc(-100% + 50px)
}

ul.nav li.dropdown > ul.dropdown-menu li.dropdown > ul.dropdown-menu.left.img {
    margin-top: -31px;
    margin-left: calc(-100% - 20px)
}

ul.nav li.dropdown > ul.dropdown-menu li.dropdown a b.caret2 {
    transform: rotate(0deg);
    position: absolute;
    right: 20px;
    top: 10px;
    display: block;
    width: 4px;
    height: 4px;
    background: url(../images/caret2.png) no-repeat
}

ul.nav li.dropdown > ul.dropdown-menu li.dropdown:hover a b.caret2 {
    transform: rotate(-180deg);
    top: 11px
}

b.caret {
    border: 0
}

.navbar-nav > li > .dropdown-menu {
    border: 0;
    box-shadow: none
}

.navbar-collapse > .nav > li > a:hover,
.navbar-collapse > .nav > li > a {
    color: #666;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navbar-collapse > .nav > li > a:hover,
.navbar-collapse > .nav > li > a:focus {
    color: #f96;
    background-color: transparent
}

.navbg {
    border-bottom: 0 solid #ddd!important
}

@media (min-width: 768px) {
    .navbg {
        border-bottom: 0 solid #ddd!important
    }
}

.navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #FFF;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    background-color: transparent
}

@media (min-width: 992px) {
    .navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #fff;
        font-size: 16px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        transition: .2s
    }
    .navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
        color: #ccced4;
        background-color: transparent
    }
}

.navigation.navbg.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.white {
    /*background:#38383A!important;*/
    border-bottom: 1px solid #fff
}

.navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li.dropdown > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

li.basket-white > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

.navigation.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #222;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    background-color: transparent
}

@media (min-width: 992px) {
    .navigation.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #fff;
        font-size: 16px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        transition: .2s
    }
    .navigation.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
        color: #ccced4;
        background-color: transparent
    }
}

.navigation.navbg.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.darkgreen {
    background: #38383A!important;
    border-bottom: 1px solid #fff;
    border-bottom: 1px solid #fff
}

.navigation.darkgreen > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li.dropdown > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

li.basket-darkgreen > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

.navigation.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #222;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    background-color: transparent
}

@media (min-width: 992px) {
    .navigation.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #fff;
        font-size: 16px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        transition: .2s
    }
    .navigation.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
        color: #ccced4;
        background-color: transparent
    }
}

.navigation.navbg.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #fff;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.darkblue {
    background: #38383A!important;
    border-bottom: 1px solid #fff
}

.navigation.darkblue > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li.dropdown > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

li.basket-darkblue > ul.dropdown-menu {
    border: 1px solid rgba(0, 0, 0, 0.15)!important;
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.176)!important
}

.navigation.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #FFF;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    background-color: transparent
}

@media (min-width: 992px) {
    .navigation.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #555;
        font-size: 16px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        transition: .2s
    }
    .navigation.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
        color: #ccced4;
        background-color: transparent
    }
}

.navigation.navbg.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #FFF;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.dark {
    background: #38383A;
    border-bottom: 1px solid #fff
}

@media only screen and (max-width: 768px) {
    .navigation.navbg.dark {
        background: #38383A!important
    }
}

.navigation.green {
    background: #222
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .navigation.green {
        background: #222
    }
}

@media (min-width: 992px) {
    .navigation.green {
        background: transparent
    }
}

.navigation.green .navbar-toggle {
    background: #222;
    border-right: 1px solid #333!important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.navigation.green .navbar-toggle:hover {
    background: #333
}

.navigation.green .navbar-toggle:focus {
    background: #333
}

.navigation.green .navbar-toggle .icon-bar {
    background-color: #666;
    height: 4px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.navigation.green .navbar-toggle:hover .icon-bar {
    background-color: #999
}

.navigation.green .dots {
    border-left: 1px solid #333
}

.navigation.green .dots a span.icon-dots {
    background: #999
}

.navigation.green .dots a:hover span.icon-dots {
    background: #ccc
}

.navigation.green .navbar-collapse {
    border-color: #333
}

.navigation.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #222;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #ccced4;
    background-color: transparent
}

@media (min-width: 768px) {
    .navigation.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #c1bf94;
        font-size: 16px;
        -webkit-transition: .2s;
        -moz-transition: .2s;
        transition: .2s
    }
    .navigation.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
        color: #fff;
        background-color: transparent
    }
}

@media (max-width: 768px) {
    .navigation.navbg.dark > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #222!important
    }
    .navigation.white > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
        color: #222!important
    }
}

.navigation.navbg.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a {
    color: #c1bf94;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.green > .container > .navbar > .container-fluid > .navbar-collapse > ul.nav > li > a:hover {
    color: #fff;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.navigation.navbg.green {
    background: #222!important;
    border-bottom: 1px solid #333!important
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu {
    background: #fff
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li a {
    color: #222;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover a {
    color: #f63
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li {
    background: transparent
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover {
    background: transparent
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu {
    background: #fff
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu li a {
    color: #222;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu li:hover a {
    color: #f63;
    background: transparent
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist {
    list-style: square url(../images/sqgrey.png);
    list-style-position: inside;
    border-right: 1px solid #efefef
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li {
    line-height: 30px;
    border-bottom: 0 solid #efefef;
    padding: 0 20px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li {
    line-height: 30px;
    border-bottom: 0 solid #efefef;
    padding: 0 20px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li.dropdown-header {
    padding: 0 20px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li.gallery {
    padding: 0 0 5px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.dropdown-header {
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown-header {
    text-transform: uppercase;
    font-size: 10px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.dropdown-title {
    font-family: "Open Sans";
    font-size: 14px;
    color: #ccc;
    padding: 0 20px
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover.dropdown-title {
    background: #fff
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.inactive a {
    color: #999;
    cursor: default
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover.inactive {
    background: #fff
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.noline {
    border: 0
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li.divider {
    background-color: #efefef
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li a:hover {
    background: transparent
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li a {
    color: #222;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li:hover a {
    color: #f63
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background: #fff
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li a {
    color: #222;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.white-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li:hover a {
    color: #f63
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu {
    background: #222;
    border-radius: 2px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li a {
    color: #666;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover a {
    color: #fff
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li {
    background: transparent
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover {
    background: transparent
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu {
    background: #333;
    border: 0
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu li a {
    color: #666;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row li.submenu ul.dropdown-menu li:hover a {
    color: #fff;
    background: transparent
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist {
    list-style: square url(../images/sqgrey.png);
    list-style-position: inside;
    border-right: 1px solid #333
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li {
    line-height: 30px;
    border-bottom: 0 solid #efefef;
    padding: 0 20px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li {
    line-height: 30px;
    border-bottom: 0 solid #efefef;
    padding: 0 20px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li.dropdown-header {
    padding: 0 20px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist ul.dropdown-menu li.gallery {
    padding: 0 0 5px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.dropdown-header {
    padding: 0 20px;
    font-weight: 700;
    text-transform: uppercase;
    color: #999
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown-header {
    text-transform: uppercase;
    font-size: 10px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.dropdown-title {
    font-family: "Open Sans";
    font-size: 14px;
    color: #ccc;
    padding: 0 20px
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover.dropdown-title {
    background: #fff
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li.inactive a {
    color: #999;
    cursor: default
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.droplist li:hover.inactive {
    background: #fff
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu div.row ul.noline {
    border: 0
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li.divider {
    background-color: #333
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li a:hover {
    background: transparent
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li a {
    color: #666;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li:hover a {
    color: #fff
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu {
    background: #333;
    border: 0
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li a {
    color: #666;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

div.dark-menu ul.nav li.dropdown ul.dropdown-menu li.dropdown ul.dropdown-menu li:hover a {
    color: #fff
}

li.basket-white ul.dropdown-menu {
    width: 250px;
    background: #fff;
    padding: 0 20px 20px;
    border-radius: 0;
    color: #666
}

li.basket-white a span.active {
    background: #ccced4;
    color: #fff;
    border: 0 solid #efefef
}

li.basket-white a span {
    background: #FFF;
    width: 20px;
    height: 20px;
    color: #222;
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #ddd;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

li.basket-white span.cartip {
    width: 27px;
    height: 14px;
    background: url(../images/cartip.png) no-repeat;
    display: block;
    float: right;
    margin-top: -14px
}

li.basket-white div.cartimage {
    width: 60px;
    height: 60px;
    background: #e2e2e2;
    margin-right: 10px
}

li.basket-white div.cartimage img {
    width: 60px
}

li.basket-white p.price {
    float: right;
    font-size: 11px;
    font-weight: 700
}

li.basket-white p.quantity {
    color: #999
}

li.basket-white a.title {
    display: inline;
    color: #222;
    white-space: normal;
    padding: 0;
    background: transparent;
    padding: 2px
}

li.basket-white a.title:hover {
    color: #222;
    text-decoration: underline
}

li.basket-white .totalprice {
    font-weight: 700;
    color: #f63;
    font-size: 15px
}

li.basket-white ul li {
    border-bottom: 1px dotted #efefef;
    padding-top: 20px;
    padding-bottom: 10px
}

li.basket-white .cartbtn {
    border: 1px solid #ccc;
    background: #fff;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 10px;
    font-size: 14px
}

li.basket-white .cartbtn:hover {
    background: #fff;
    border: 1px solid #adadad
}

li.basket-dark ul.dropdown-menu {
    width: 250px;
    background: #222;
    padding: 0 20px 20px;
    border-radius: 0;
    color: #666
}

li.basket-dark a span.active {
    background: #ccced4;
    color: #fff;
    border: 0 solid #efefef
}

li.basket-dark a span {
    background: #FFF;
    width: 20px;
    height: 20px;
    color: #222;
    display: block;
    border-radius: 100%;
    text-align: center;
    font-size: 12px;
    position: absolute;
    top: 5px;
    right: 5px;
    border: 1px solid #ddd;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

li.basket-dark span.cartip {
    width: 27px;
    height: 14px;
    background: url(../images/cartip2.png) no-repeat;
    display: block;
    float: right;
    margin-top: -14px
}

li.basket-dark div.cartimage {
    width: 60px;
    height: 60px;
    background: #e2e2e2;
    margin-right: 10px
}

li.basket-dark div.cartimage img {
    width: 60px
}

li.basket-dark p.price {
    float: right;
    font-size: 11px;
    font-weight: 700
}

li.basket-dark p.quantity {
    color: #999
}

li.basket-dark a.title {
    display: inline;
    color: #ccc;
    white-space: normal;
    padding: 0;
    background: transparent;
    padding: 2px
}

li.basket-dark a.title:hover {
    color: #fff;
    text-decoration: none
}

li.basket-dark .totalprice {
    font-weight: 700;
    color: #fff;
    font-size: 15px
}

li.basket-dark ul li {
    border-bottom: 1px dotted #444;
    padding-top: 20px;
    padding-bottom: 10px
}

li.basket-dark .cartbtn {
    background: #222;
    color: #666;
    border: 1px solid #333;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    border-radius: 0;
    padding: 10px;
    font-size: 14px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

li.basket-dark .cartbtn:hover {
    background: #222;
    color: #fff;
    border: 1px solid #fff
}

li.basket-dark button.close {
    color: #666;
    text-shadow: none;
    opacity: 1
}

li.basket-dark button.close:hover {
    color: #fff;
    text-shadow: none;
    opacity: 1
}

ul.navbar-nav2 li.panel {
    background: transparent
}

ul.navbar-nav2 li {
    margin-bottom: 20px
}

ul.navbar-nav2 li a {
    color: #999;
    font-size: 26px;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.navbar-nav2 li a:hover {
    color: #f96
}

ul.navbar-nav2 li a:focus {
    color: #f96;
    text-decoration: none
}

ul.navbar-nav2 li a:focus p.rotate {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 20px;
    padding-left: 4px;
    line-height: 20x;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

ul.navbar-nav2 li a p.rotate {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 20px;
    padding-left: 4px;
    line-height: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.navbar-nav2 li ul li a {
    color: #666;
    font-size: 20px!important;
    text-transform: lowercase
}

.slider {
    width: 100%;
    max-height: 900px;
    background: #d3d3d3;
    overflow: hidden;
    padding-top: 0
}

.caption-grey {
    font-family: "Open Sans";
    font-size: 60px;
    color: #999;
    font-weight: 300
}

.caption-white {
    font-family: "Open Sans";
    font-size: 60px;
    color: #fff;
    font-weight: 300
}

.caption-smallgrey {
    font-family: "Open Sans";
    font-size: 36px;
    color: #999;
    font-weight: 300
}

.caption-light {
    font-family: "Open Sans";
    font-size: 60px;
    color: #fff;
    font-weight: 300
}

.caption-dark {
    font-family: "Open Sans";
    font-size: 60px;
    color: #333;
    font-weight: 300
}

.caption-dark-14 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #333;
    font-weight: 300
}

.caption-dark-14bold {
    font-family: "Open Sans";
    font-size: 14px;
    color: #333;
    font-weight: 700
}

.caption-dark-16 {
    font-family: "Open Sans";
    font-size: 16px;
    color: #333;
    font-weight: 300
}

.caption-dark-16bold {
    font-family: "Open Sans";
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.caption-dark-18 {
    font-family: "Open Sans";
    font-size: 18px;
    color: #333;
    font-weight: 300
}

.caption-dark-18bold {
    font-family: "Open Sans";
    font-size: 18px;
    color: #333;
    font-weight: 700
}

.caption-dark-24 {
    font-family: "Open Sans";
    font-size: 24px;
    color: #333;
    font-weight: 300
}

.caption-dark-24bold {
    font-family: "Open Sans";
    font-size: 24px;
    color: #333;
    font-weight: 700
}

.caption-dark-30 {
    font-family: "Open Sans";
    font-size: 30px;
    color: #333;
    font-weight: 300
}

.caption-dark-30bold {
    font-family: "Open Sans";
    font-size: 30px;
    color: #333;
    font-weight: 700
}

.caption-dark-32 {
    font-family: "Open Sans";
    font-size: 32px;
    color: #333;
    font-weight: 300
}

.caption-dark-32bold {
    font-family: "Open Sans";
    font-size: 32px;
    color: #333;
    font-weight: 700
}

.caption-dark-34 {
    font-family: "Open Sans";
    font-size: 34px;
    color: #333;
    font-weight: 300
}

.caption-dark-34bold {
    font-family: "Open Sans";
    font-size: 34px;
    color: #333;
    font-weight: 700
}

.caption-dark-36 {
    font-family: "Open Sans";
    font-size: 36px;
    color: #333;
    font-weight: 300
}

.caption-dark-36bold {
    font-family: "Open Sans";
    font-size: 36px;
    color: #333;
    font-weight: 700
}

.caption-dark-38 {
    font-family: "Open Sans";
    font-size: 38px;
    color: #333;
    font-weight: 300
}

.caption-dark-38bold {
    font-family: "Open Sans";
    font-size: 38px;
    color: #333;
    font-weight: 700
}

.caption-dark-40 {
    font-family: "Open Sans";
    font-size: 40px;
    color: #333;
    font-weight: 300
}

.caption-dark-40bold {
    font-family: "Open Sans";
    font-size: 40px;
    color: #333;
    font-weight: 700
}

.caption-dark-50 {
    font-family: "Open Sans";
    font-size: 50px;
    color: #333;
    font-weight: 300
}

.caption-dark-50bold {
    font-family: "Open Sans";
    font-size: 50px;
    color: #333;
    font-weight: 700
}

.caption-dark-56 {
    font-family: "Open Sans";
    font-size: 56px;
    color: #333;
    font-weight: 300
}

.caption-dark-56bold {
    font-family: "Open Sans";
    font-size: 56px;
    color: #333;
    font-weight: 700
}

.caption-white-14 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #fff;
    font-weight: 300
}

.caption-white-14bold {
    font-family: "Open Sans";
    font-size: 14px;
    color: #fff;
    font-weight: 700
}

.caption-white-16 {
    font-family: "Open Sans";
    font-size: 16px;
    color: #fff;
    font-weight: 300
}

.caption-white-16bold {
    font-family: "Open Sans";
    font-size: 16px;
    color: #fff;
    font-weight: 700
}

.caption-white-18 {
    font-family: "Open Sans";
    font-size: 18px;
    color: #fff;
    font-weight: 300
}

.caption-white-18bold {
    font-family: "Open Sans";
    font-size: 18px;
    color: #fff;
    font-weight: 700
}

.caption-white-24 {
    font-family: "Open Sans";
    font-size: 24px;
    color: #fff;
    font-weight: 300
}

.caption-white-24bold {
    font-family: "Open Sans";
    font-size: 24px;
    color: #fff;
    font-weight: 700
}

.caption-white-30 {
    font-family: "Open Sans";
    font-size: 30px;
    color: #fff;
    font-weight: 300
}

.caption-white-30bold {
    font-family: "Open Sans";
    font-size: 30px;
    color: #fff;
    font-weight: 700
}

.caption-white-32 {
    font-family: "Open Sans";
    font-size: 32px;
    color: #fff;
    font-weight: 300
}

.caption-white-32bold {
    font-family: "Open Sans";
    font-size: 32px;
    color: #fff;
    font-weight: 700
}

.caption-white-34 {
    font-family: "Open Sans";
    font-size: 34px;
    color: #fff;
    font-weight: 300
}

.caption-white-34bold {
    font-family: "Open Sans";
    font-size: 34px;
    color: #fff;
    font-weight: 700
}

.caption-white-36 {
    font-family: "Open Sans";
    font-size: 36px;
    color: #fff;
    font-weight: 300
}

.caption-white-36bold {
    font-family: "Open Sans";
    font-size: 36px;
    color: #fff;
    font-weight: 700
}

.caption-white-38 {
    font-family: "Open Sans";
    font-size: 38px;
    color: #fff;
    font-weight: 300
}

.caption-white-38bold {
    font-family: "Open Sans";
    font-size: 38px;
    color: #fff;
    font-weight: 700
}

.caption-white-40 {
    font-family: "Open Sans";
    font-size: 40px;
    color: #fff;
    font-weight: 300
}

.caption-white-40bold {
    font-family: "Open Sans";
    font-size: 40px;
    color: #fff;
    font-weight: 700
}

.caption-white-50 {
    font-family: "Open Sans";
    font-size: 50px;
    color: #fff;
    font-weight: 300
}

.caption-white-50bold {
    font-family: "Open Sans";
    font-size: 50px;
    color: #fff;
    font-weight: 700
}

.caption-white-56 {
    font-family: "Open Sans";
    font-size: 56px;
    color: #fff;
    font-weight: 300
}

.caption-white-56bold {
    font-family: "Open Sans";
    font-size: 56px;
    color: #fff;
    font-weight: 700
}

.caption-white-bigbold {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #fff;
    font-weight: 800
}

.caption-white-hugebold {
    font-family: "proxima_novaextrabold";
    font-size: 110px;
    color: #fff;
    font-weight: 800
}

.caption-dark-bigbold {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #333;
    font-weight: 800
}

.caption-dark-hugebold {
    font-family: "proxima_novaextrabold";
    font-size: 110px;
    color: #333;
    font-weight: 800
}

.caption-black-bigbold {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #000;
    font-weight: 800
}

.caption-black-hugebold {
    font-family: "proxima_novaextrabold";
    font-size: 110px;
    color: #000;
    font-weight: 800
}

.caption-white-bigbold-caps {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase
}

.caption-white-hugebold-caps {
    font-family: "proxima_novaextrabold";
    font-size: 110px;
    color: #fff;
    font-weight: 800;
    text-transform: uppercase
}

.caption-dark-bigbold-caps {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #333;
    font-weight: 800;
    text-transform: uppercase
}

.caption-dark-hugebold-caps {
    font-family: "proxima_novaextrabold";
    font-size: 110px;
    color: #333;
    font-weight: 800;
    text-transform: uppercase
}

.caption-orange-medium {
    font-family: "Open Sans";
    font-size: 30px;
    color: #f63;
    font-weight: 300
}

.caption-grey-medium {
    font-family: "Open Sans";
    font-size: 30px;
    color: #666;
    font-weight: 300
}

.caption-lightgrey-medium {
    font-family: "Open Sans";
    font-size: 30px;
    color: #999;
    font-weight: 300
}

.caption-lightyellow-medium {
    font-family: "Open Sans";
    font-size: 30px;
    color: #ffc;
    font-weight: 300
}

.caption-small-14 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #999;
    font-weight: 300
}

.caption-small-lightyellow-14 {
    font-family: "Open Sans";
    font-size: 14px;
    color: #ffc;
    font-weight: 300
}

.caption-lightyellow-80 {
    font-family: "proxima_novaextrabold";
    font-size: 80px;
    color: #c1bf94;
    text-transform: uppercase
}

.caption-lightyellow-23 {
    font-family: "Open Sans";
    font-size: 22px;
    color: #c1bf94
}

.caption-white-hugeslim {
    font-family: "proxima_novalight";
    font-size: 127px;
    color: #fff;
    font-weight: 400
}

.caption-white-24slim {
    font-family: "proxima_novalight";
    font-size: 24px;
    color: #f63;
    font-weight: 400
}

.tp-caption.whitedivider2px {
    background-color: #c1bf94;
    border-color: #c1bf94;
    border-style: none;
    border-width: 0;
    color: #000;
    font-size: 0;
    line-height: 0;
    min-height: 2px;
    min-width: 360px;
    text-decoration: none;
    text-shadow: none
}

.caption-orange-24 {
    font-family: "Open Sans";
    font-size: 24px;
    color: #f96;
    font-weight: 800;
    text-transform: uppercase
}

#woodsection {
    background: url(../images/section_bg_1.jpg) #666 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection {
    background: url(../images/bg2.jpg) #666 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection2 {
    background: url(../images/bg3.jpg) #666 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection3 {
    background: url(../images/bg4.jpg) #666 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection4 {
    background: url(../images/bg5.jpg) #666 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection4title {
    background: #fff 50% 0 repeat-y fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#wallsection5 {
    background: url(../images/bnlgroup_site_blend2_v2.jpg) #666 50% 0 no-repeat fixed;
    background-size: cover;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#woodsection-c {
    background: #38383A;
    height: 500px;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden
}

#woodsection-c .container {
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
    z-index: 100
}

#woodsection-c .prlx-woodsection {
    background: url(../images/section_bg_1b.jpg) #666 50% 0 no-repeat;
    height: 1050px;
    width: 100%;
    position: absolute;
    top: 0
}

.wleft {
    float: left;
    margin-top: 10px;
    margin-left: 20px
}

.wright {
    float: right;
    margin-top: 20px;
    margin-right: 20px;
    margin-bottom: 20px
}

.pfover img {
    width: 100%;
    margin-left: 0;
    margin-top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.pfover:hover img {
    width: 110%;
    margin-left: -5%;
    margin-top: -5%;
    opacity: .8
}

.pfover {
    overflow: hidden;
    position: relative
}

a.circlebig2 {
    width: 68px;
    height: 68px;
    background: #333;
    color: #fff;
    border-radius: 100%;
    border: 0 solid #ccc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    padding: 21px;
    font-size: 16px;
    position: absolute;
    opacity: 0;
    z-index: 100
}

a.circlebig2:hover {
    background: #ccced4;
    color: #fff;
    opacity: 1!important
}

.shorcodesicons {
    font-size: 18px;
    max-width: 100%;
    margin: 30px auto 0
}

.shorcodesicons h3 {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px
}

.icon-section {
    margin: 0 0 3em;
    clear: both;
    overflow: hidden
}

.icon-container {
    width: 33%;
    padding: .7em 0;
    float: left;
    position: relative;
    text-align: left
}

.icon-container [class^="ti-"],
.icon-container [class*=" ti-"] {
    color: #000;
    position: absolute;
    margin-top: 3px;
    transition: .3s
}

.icon-container:hover [class^="ti-"],
.icon-container:hover [class*=" ti-"] {
    font-size: 2.2em;
    margin-top: -5px
}

.icon-container:hover .icon-name {
    color: #000
}

.icon-name {
    color: #aaa;
    margin-left: 35px;
    font-size: .8em;
    transition: .3s
}

.icon-container:hover .icon-name {
    margin-left: 45px
}

#teamparallax {
    background: url(../images/team.jpg) #666 50% 0 no-repeat fixed;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0);
    height: 480px
}

#sectionfacts {
    background: url(../images/bg1.jpg) #1c1211 50% 0 repeat-y fixed;
    min-height: 480px;
    margin: 0 auto;
    width: 100%;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0)
}

#sectionfacts-c {
    background: #38383A;
    margin: 0 auto;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 99
}

#sectionfacts-c .container {
    position: relative;
    z-index: 100
}

#sectionfacts-c .prlx-sectionfacts {
    background: url(../images/bg1.jpg) #1c1211 50% -300px no-repeat;
    height: 1200px;
    width: 100%;
    position: absolute;
    top: 0
}

#wallsection {
    background: #38383A;
    margin: 0 auto;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 99
}

#wallsection .container {
    position: relative;
    z-index: 100
}

#wallsection .prlx-wallsection {
    background: url(../images/bg2.jpg) #1c1211 50% -300px no-repeat;
    height: 1293px;
    width: 100%;
    position: absolute;
    top: 0
}

#woodsection {
    background: #38383A;
    margin: 0 auto;
    width: 100%;
    height: 50%;
    overflow: hidden;
    box-shadow: 0 0 50px rgba(0, 0, 0, 0);
    position: relative;
    z-index: 99
}

#woodsection .container {
    position: relative;
    z-index: 100
}

#woodsection .prlx-woodsection {
    background: url(../images/section_bg_1.jpg) #1c1211 50% 0 no-repeat;
    height: 1050px;
    width: 100%;
    position: absolute;
    top: 0
}

.factscircle {
    width: 90px;
    height: 90px;
    background: #fff;
    border-radius: 100%;
    padding-top: 28px
}

.factscircle i {
    font-size: 24px
}

.factscircle2 {
    width: 90px;
    height: 90px;
    background: transparent;
    border: 3px solid #fff;
    border-radius: 100%;
    padding-top: 28px
}

.factscircle2 i {
    font-size: 24px;
    color: #fff
}

#sectionaddress {
    background: url(../images/bg2.jpg) #38383A 50% 0 repeat-y fixed;
    height: 490px;
    margin: 0 auto;
    width: 100%;
    color: #fff
}

#sectionaddress-c {
    background: #38383A;
    min-height: 500px;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    position: relative;
    overflow: hidden
}

.prlx-address {
    background: url(../images/bg2.jpg) #38383A 100% 0 no-repeat;
    height: 752px;
    width: 100%;
    position: absolute;
    top: 0
}

#teamparallax-c {
    height: 490px;
    margin: 0 auto;
    width: 100%;
    color: #fff;
    position: relative;
    overflow: hidden
}

.prlx-team {
    background: url(../images/team.jpg) top center;
    background-size: cover;
    height: 1246px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto
}

.sectionaddress2 {
    background: url(../images/section_bg_3.jpg) #38383A 50% 0 no-repeat;
    height: 600px;
    margin: 0 auto;
    width: 100%;
    color: #fff
}

.footer {
    background: #38383A;
    color: #999
}

.footer p {
    color: #999
}

.footer h5 {
    color: #fff
}

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

.footer ul li {
    list-style-type: none;
    padding: 2px 0;
    color: #999
}

.footer ul li a {
    color: #999
}

.footer ul li a:hover {
    color: #fff;
    text-decoration: none
}

.footer input.newsletter {
    height: 42px;
    width: 95%;
    border: 0;
    border-radius: 0
}

.footer button.newsletterbtn {
    height: 42px;
    background-color: #999;
    color: #fff;
    border-radius: 0;
    border: 0;
    position: relative;
    top: -42px;
    float: right;
    font-size: 16px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footer button.newsletterbtn:hover {
    background-color: #ccced4
}

.footer .col-md-3 {
    padding-top: 0px
}

@media (min-width: 992px) {
    .footer .col-md-3 {
        padding-top: 0
    }
}

.footer.white {
    background: #fff;
    color: #999
}

.footer.white p {
    color: #999
}

.footer.white h5 {
    color: #222
}

.footer.white ul {
    margin: 0;
    padding: 0
}

.footer.white ul li {
    list-style-type: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    padding: 10px 0
}

.footer.white ul li a {
    color: #999
}

.footer.white ul li a:hover {
    color: #ccced4;
    text-decoration: none
}

.footer.white div.separator100dark {
    background: #efefef
}

.footer.white input.newsletter {
    height: 42px;
    border-radius: 0;
    border: 0;
    background: #efefef
}

.footer.white button.newsletterbtn {
    height: 42px;
    background-color: #ccced4;
    color: #fff;
    border-radius: 0;
    border: 0;
    position: elative;
    top: -42px;
    float: right;
    font-size: 16px
}

.footer.fixed {
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 10
}

.footerwhite {
    background: #fff;
    color: #666
}

.footerwhite .container h3 {
    color: #666;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 20px
}

@media (min-width: 768px) {
    .footerwhite .container h3 {
        margin-left: 0
    }
}

.footerwhite .container div {
    margin-top: 20px
}

.footerwhite .container div.line {
    border-left: 1px solid #efefef;
    padding-left: 70px
}

@media (max-width: 992px) {
    .footerwhite .container div.line {
        border-left: 0 solid #efefef;
        padding-left: 0
    }
}

.footerwhite .container ul li {
    border-bottom: 1px solid #efefef;
    margin: 10px 20px
}

@media (min-width: 768px) {
    .footerwhite .container ul li {
        border-bottom: 0 solid #efefef;
        margin-left: 0;
        margin-right: 0
    }
}

.footerwhite .container ul li a {
    color: #ccced4;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerwhite .container ul li a:hover {
    color: #95ce92
}

.footerwhite .container p.copyr {
    color: #ccc;
    margin-top: 30px;
    text-align: center
}

.footerwhite .container a {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerwhite .container a:hover {
    color: #f96
}

.footerdark {
    background: #000;
    color: #666
}

.footerdark .container h3 {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width: 768px) {
    .footerdark .container h3 {
        margin-left: 0;
        margin-right: 0
    }
}

.footerdark .container div {
    margin-top: 20px
}

.footerdark .container div.line {
    border-left: 1px solid #222;
    padding-left: 70px
}

@media (max-width: 992px) {
    .footerdark .container div.line {
        border-left: 0 solid #efefef;
        padding-left: 0
    }
}

.footerdark .container ul li {
    border-bottom: 1px solid #444;
    margin: 10px 20px
}

@media (min-width: 768px) {
    .footerdark .container ul li {
        border-bottom: 0 solid #efefef;
        margin-left: 0;
        margin-right: 0
    }
}

.footerdark .container ul li a {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerdark .container ul li a:hover {
    color: #f96
}

.footerdark .container p.copyr {
    margin-top: 30px;
    text-align: center
}

.footerdark a {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerdark a:hover {
    color: #f96
}

.footerdark.transparent {
    background: transparent;
    color: #666
}

.footerdark.transparent .container h3 {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    margin-left: 20px;
    margin-right: 20px
}

@media (min-width: 768px) {
    .footerdark.transparent .container h3 {
        margin-left: 0;
        margin-right: 0
    }
}

.footerdark.transparent .container div {
    margin-top: 20px
}

.footerdark.transparent .container div.line {
    border-left: 0 solid #444;
    padding-left: 70px
}

@media (max-width: 992px) {
    .footerdark.transparent .container div.line {
        border-left: 0 solid #efefef;
        padding-left: 0
    }
}

.footerdark.transparent .container ul li {
    border-bottom: 0 solid #444;
    margin: 10px 20px
}

@media (min-width: 768px) {
    .footerdark.transparent .container ul li {
        border-bottom: 0 solid #efefef;
        margin-left: 0;
        margin-right: 0
    }
}

.footerdark.transparent .container ul li a {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerdark.transparent .container ul li a:hover {
    color: #f96
}

.footerdark.transparent .container p.copyr {
    margin-top: 30px;
    text-align: center
}

.footerdark.transparent a {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.footerdark.transparent a:hover {
    color: #f96
}

ul.footer-socials li {
    width: 35px;
    height: 35px;
    background: grey;
    color: #ccc;
    font-size: 16px;
    border-radius: 50%;
    padding: 7px 6px
}

ul.footer-socials li.blue {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.footer-socials li.blue:hover {
    background: #3c5a99
}

ul.footer-socials li.blue2 {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.footer-socials li.blue2:hover {
    background: #2d9ad2
}

ul.footer-socials li.red {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.footer-socials li.red:hover {
    background: #cc2028
}

ul.footer-socials li.pink {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.footer-socials li.pink:hover {
    background: #c69
}

ul.footer-socials li a i {
    color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.newsletter-ani {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    z-index: 100000;
    overflow: hidden
}

.newsletter-ani .circle-obj {
    display: none;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 25%;
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    position: absolute;
    transform: translateY(-50%);
    -ms-transform: scale(30, 30);
    -webkit-transform: scale(30, 30);
    transform: scale(30, 30)
}

.newsletter-ani .circle-obj2 {
    display: block;
    opacity: 0;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    padding: 15px 0 0 20px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 30%;
    background: #ccced4;
    position: absolute;
    transform: translateY(-50%);
    overflow: hidden
}

.newsletter-ani .circle-obj2 span {
    width: 50px;
    height: 50px;
    display: block;
    font-size: 14px;
    -ms-transform: scale(2, 2);
    -webkit-transform: scale(2, 2);
    transform: scale(2, 2);
    transform-origin: -35% -25%
}

.newsletter-ani .circle-obj3 {
    opacity: 0;
    display: block;
    width: 320px;
    height: 50px;
    text-align: center;
    font-size: 30px;
    color: #fff;
    margin: 0 auto;
    left: 0;
    right: 0;
    margin-top: 30%;
    position: absolute;
    transform: translateY(-50%);
    overflow: hidden
}

.newsblock input.newsletter {
    height: 50px;
    width: 100%;
    border: 0;
    border-radius: 0;
    box-shadow: none
}

.newsblock input.newsletter:focus {
    box-shadow: none
}

.newsblock button.newsletterbtn {
    height: 50px;
    background-color: #999;
    color: #fff;
    border-radius: 0;
    border: 0;
    position: relative;
    top: -50px;
    float: right;
    font-size: 14px;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.newsblock button.newsletterbtn:hover {
    background-color: #ccced4
}

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

ul.squares li:first-child {
    border-left: 0
}

ul.squares li {
    border-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media (min-width: 992px) {
    ul.squares li {
        border-bottom: 0
    }
}

ul.squares li i {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares li h4 {
    color: #999;
    margin-bottom: 10px;
    margin-top: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares li a {
    color: #333;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares li a:focus {
    text-decoration: none
}

ul.squares li:hover {
    cursor: default
}

ul.squares li:hover a {
    color: #999
}

ul.squares li:hover h4 {
    color: #333
}

ul.squares.dark {
    margin: 0;
    padding: 0
}

ul.squares.dark li:first-child {
    border-left: 0
}

ul.squares.dark li {
    border-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media (min-width: 992px) {
    ul.squares.dark li {
        border-bottom: 0
    }
}

ul.squares.dark li i {
    color: #999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares.dark li h4 {
    color: #999;
    margin-bottom: 10px;
    margin-top: 20px
}

ul.squares.dark li a {
    color: #999;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares.dark li a:focus {
    text-decoration: none
}

ul.squares.dark li:hover {
    cursor: pointer
}

ul.squares.dark li:hover i {
    color: #ccced4
}

ul.squares.dark li:hover a {
    color: #999
}

ul.squares.dark li:hover h4 {
    color: #fff
}

ul.squares.white {
    margin: 0;
    padding: 0
}

ul.squares.white li:first-child {
    border-left: 0
}

ul.squares.white li {
    border-right: 0;
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media (min-width: 992px) {
    ul.squares.white li {
        border-bottom: 0
    }
}

ul.squares.white li h4 {
    margin-bottom: 10px;
    margin-top: 20px
}

ul.squares.white li a {
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares.white li a:focus {
    text-decoration: none
}

ul.squares.white li:hover {
    cursor: pointer
}

ul.squares.white li:hover a {
    color: #444
}

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

.socialicons ul li {
    float: left;
    list-style-type: none;
    padding: 2px 4px!important
}

.socialicons ul li a {
    color: #fff;
    font-size: 13px
}

.socialicons ul li.blue:hover {
    background: #3b5998
}

.socialicons ul li.lblue:hover {
    background: #46a1dc
}

.socialicons ul li.orange:hover {
    background: #f9bc00
}

.socialicons ul li.pink:hover {
    background: #ea4c88
}

.socialicons ul li.red:hover {
    background: #c00
}

.socialicons ul li.dgrey {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.socialicons ul li.lgrey {
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.socialicons ul li.blue:hover a {
    color: #fff
}

.socialicons ul li.lblue:hover a {
    color: #fff
}

.socialicons ul li.orange:hover a {
    color: #fff
}

.socialicons ul li.pink:hover a {
    color: #fff
}

.socialicons ul li.red:hover a {
    color: #fff
}

.socialicons ul li.dgrey a {
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.socialicons ul li.lgrey a {
    color: #fff;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

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

.socialiconswhite ul li {
    float: left;
    list-style-type: none;
    background: #fff;
    padding: 3px 5px;
    border: 1px solid #e2e2e2;
    margin-left: -1px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.socialiconswhite ul li a {
    color: #333;
    font-size: 13px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.socialiconswhite ul li.blue:hover {
    background: #3b5998;
    border-color: #3b5998
}

.socialiconswhite ul li.lblue:hover {
    background: #46a1dc;
    border-color: #46a1dc
}

.socialiconswhite ul li.orange:hover {
    background: #f9bc00;
    border-color: #f9bc00
}

.socialiconswhite ul li.pink:hover {
    background: #ea4c88;
    border-color: #ea4c88
}

.socialiconswhite ul li.red:hover {
    background: #c00;
    border-color: #c00
}

.socialiconswhite ul li.blue:hover a {
    color: #fff
}

.socialiconswhite ul li.lblue:hover a {
    color: #fff
}

.socialiconswhite ul li.orange:hover a {
    color: #fff
}

.socialiconswhite ul li.pink:hover a {
    color: #fff
}

.socialiconswhite ul li.red:hover a {
    color: #fff
}

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

.socialiconsdark ul li {
    float: left;
    list-style-type: none;
    background: #333;
    padding: 3px 5px;
    border: 1px solid #222;
    margin-left: -1px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.socialiconsdark ul li a {
    color: #fff;
    font-size: 13px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.socialiconsdark ul li.blue:hover {
    background: #3b5998;
    border-color: #3b5998
}

.socialiconsdark ul li.lblue:hover {
    background: #46a1dc;
    border-color: #46a1dc
}

.socialiconsdark ul li.orange:hover {
    background: #f9bc00;
    border-color: #f9bc00
}

.socialiconsdark ul li.pink:hover {
    background: #ea4c88;
    border-color: #ea4c88
}

.socialiconsdark ul li.red:hover {
    background: #c00;
    border-color: #c00
}

.socialiconsdark ul li.blue:hover a {
    color: #fff
}

.socialiconsdark ul li.lblue:hover a {
    color: #fff
}

.socialiconsdark ul li.orange:hover a {
    color: #fff
}

.socialiconsdark ul li.pink:hover a {
    color: #fff
}

.socialiconsdark ul li.red:hover a {
    color: #fff
}

.player {
    margin-top: 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.player:hover {
    border: 1px solid #ccc;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

@media (min-width: 992px) {
    .player {
        margin-top: 0
    }
}

.playerdark {
    margin-top: 20px;
    background: #38383A;
    border: 1px solid #333;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.playerdark:hover {
    border: 1px solid #444;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.2)
}

@media (min-width: 992px) {
    .playerdark {
        margin-top: 0
    }
}

.teampicture {
    position: relative;
    overflow: hidden;
    text-align: center;
    cursor: pointer
}

.teampicture p {
    width: 100%;
    position: absolute;
    bottom: -50px;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px
}

.teamover {
    background: #000;
    opacity: .15;
    width: 10px;
    height: 10px;
    display: block;
    position: absolute;
    top: 0
}

.circlesmall {
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 1px solid #ccc;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    padding: 5px;
    font-size: 16px
}

.circlesmall.dark {
    border: 1px solid #444
}

.circlesmall.white {
    border: 1px solid #73be6f
}

.circlesmall.light {
    border: 1px solid #fff
}

.circlesmall-maincolor {
    background: #ccced4;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    padding: 5px;
    font-size: 16px
}

.circlesmall-secondcolor {
    background: #95ce92;
    color: #fff;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    padding: 5px;
    font-size: 16px
}

.circlesmalldark {
    background: #c1bf94;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    border: 1px solid #c1bf94;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    padding: 5px;
    font-size: 16px
}

.circlebig {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid rgba(0, 0, 0, 0.2);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    padding: 16px 5px;
    font-size: 16px
}

.circlebigwhite {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid rgba(255, 255, 255, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    padding: 16px 5px;
    font-size: 16px
}

.circlebigdark {
    width: 60px;
    height: 60px;
    border-radius: 100%;
    border: 1px solid #666;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18);
    padding: 16px 5px;
    font-size: 16px
}

.ctnr {
    margin-left: 50px
}

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

ul.aboutteamlist li {
    list-style-type: none;
    width: 100%;
    float: left;
    margin-bottom: 40px
}

@media (min-width: 992px) {
    ul.aboutteamlist li {
        list-style-type: none;
        width: 50%;
        float: left;
        margin-bottom: 40px
    }
}

.progress-about {
    height: 35px;
    margin-bottom: 0;
    overflow: hidden;
    background-color: #f1f1f1;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1)
}

.progress-about.dark {
    background-color: #333
}

.progress-about.slim,
.progress-about.flat {
    background-color: #f1f1f1;
    box-shadow: none
}

.progress-about.thin {
    height: 2px
}

.progress-bar-maincolor {
    background-color: #ccced4;
    font-weight: 700
}

.progress-bar-orange {
    background-color: #f96;
    font-weight: 700
}

.progress-bar-green {
    background-color: #95ce92;
    font-weight: 700
}

.progress-bar-blue {
    background-color: #76bbdf;
    font-weight: 700
}

.progress-bar-red {
    background-color: #c66;
    font-weight: 700
}

.pbar1,
.pbar2,
.pbar3,
.pbar4 {
    text-align: left;
    overflow: hidden;
    padding: 9px 0;
    white-space: nowrap;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.pbar {
    text-align: left;
    overflow: hidden;
    padding: 9px 0;
    white-space: nowrap;
    -moz-transition-property: none;
    -webkit-transition-property: none;
    -o-transition-property: none;
    transition-property: none
}

.margbar {
    margin-bottom: 20px
}

.margbar2 {
    margin-bottom: 1px!important
}

.nocorners {
    border-radius: 0
}

.progress.flat {
    box-shadow: none
}

.radius1 {
    border-radius: 1px
}

.radius2 {
    border-radius: 2px
}

.radius3 {
    border-radius: 3px
}

.radius4 {
    border-radius: 4px
}

.radius5 {
    border-radius: 5px
}

.panel.dark {
    background-color: #333;
    border: 0 solid #666;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    margin-bottom: 20px
}

.panel-default.dark > .panel-heading.dark {
    background-color: #333;
    border-color: #666;
    color: #999
}

.panel-default.dark > .panel-heading.dark + .panel-collapse.dark .panel-body {
    border-top-color: #333;
    margin-top: 3px
}

.panel-heading.dark a {
    color: #fff
}

.panel-heading.dark span {
    width: 7px;
    height: 9px;
    background: url(../images/arrow2.png);
    display: block;
    float: right;
    margin-top: -12px;
    transform: rotate(0deg)
}

.panel-body.dark span {
    width: 7px;
    height: 9px;
    background: url(../images/arrow2.png);
    display: block;
    float: right;
    margin-top: -42px;
    margin-right: 1px;
    transform: rotate(180deg)
}

.panel-group .panel {
    border-radius: 0;
    margin-bottom: 0;
    overflow: visible
}

.panel-group .panel-heading {
    border: 1px solid #CCC;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.18)
}

.panel {
    background-color: transparent;
    border: 0 solid #CCC;
    border-radius: 0;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0);
    margin-bottom: 20px
}

.panel-default {
    border-color: #CCC
}

.panel-title {
    font-weight: 700
}

.panel-title a {
    text-decoration: none;
    display: block
}

.panel-default > .panel-heading {
    background-color: #FFF;
    color: #333
}

.panel-heading {
    border-bottom: 0 solid CCC;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 10px 15px
}

.panel-heading span {
    width: 7px;
    height: 9px;
    background: url(../images/arrow.png);
    display: block;
    float: right;
    margin-top: -12px;
    transform: rotate(0deg)
}

.panel-body span {
    width: 7px;
    height: 9px;
    background: url(../images/arrow.png);
    display: block;
    float: right;
    margin-top: -42px;
    margin-right: 1px;
    transform: rotate(180deg)
}

.panel-default > .panel-heading + .panel-collapse .panel-body {
    border-top-color: transparent;
    margin-top: 3px
}

.formlarge {
    height: 45px;
    border: 1px solid #ccc;
    border-radius: 0
}

.formlarge2 {
    color: #666;
    height: 55px;
    display: inline-block;
    border: 1px solid #363636;
    border-radius: 0;
    background: transparent
}

.formlarge2:focus {
    color: #fff
}

.formlarge3 {
    height: 44px;
    border: 1px solid #ccc;
    border-radius: 0
}

.halfsize {
    width: calc(50% - 10px)
}

.formstyle {
    border: 1px solid #ccc;
    border-radius: 0
}

.formstyle2 {
    color: #666;
    border: 1px solid #363636;
    border-radius: 0;
    background: transparent
}

.formstyle2:focus {
    color: #fff
}

.formtransparent {
    border: 0 solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1)
}

.formtransparent:focus {
    border: 0 solid rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.075) inset
}

.formtransparent::-webkit-input-placeholder {
    color: #fff
}

.formtransparent:-moz-placeholder {
    color: #fff;
    opacity: 1
}

.formtransparent::-moz-placeholder {
    color: #fff;
    opacity: 1
}

.formtransparent:-ms-input-placeholder {
    color: #fff
}

.comstyle {
    background: #efefef
}

.comstyle:focus {
    box-shadow: none;
    background: #ddd
}

.escape {
    font-size: 12px;
    color: #CCC;
    text-align: right;
    float: right;
    margin-right: 70px;
    margin-top: 20px
}

.fwsearch {
    width: 100%;
    height: 100%;
    background: #FFF;
    display: none;
    position: fixed;
    z-index: 10000;
    opacity: 0
}

a.closesearch {
    width: 60px;
    height: 60px;
    transform: rotate(45deg);
    display: block;
    color: #ccc;
    position: absolute;
    float: right;
    top: 20px;
    right: 10px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

a.closesearch:hover {
    color: #666
}

input.fwsearchfield {
    border: 0;
    box-shadow: none;
    border-radius: 0;
    border-bottom: 2px solid #ccc;
    font-family: proxima_novalight;
    font-size: 30px;
    height: 100px;
    width: 100%;
    color: #999;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

@media (min-width: 992px) {
    input.fwsearchfield {
        font-size: 40px
    }
}

@media (min-width: 1200px) {
    input.fwsearchfield {
        font-size: 60px
    }
}

input.fwsearchfield:hover {
    color: #000;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid #333
}

input.fwsearchfield:focus {
    color: #000;
    border: 0;
    box-shadow: none;
    border-bottom: 2px solid #333
}

button.fwsearchfieldbtn {
    display: block;
    height: 100px;
    background-color: transparent;
    color: #999;
    border-radius: 0;
    border: 0;
    position: relative;
    top: -100px;
    float: right;
    font-size: 30px;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    transition: .8s
}

@media (min-width: 992px) {
    button.fwsearchfieldbtn {
        font-size: 40px
    }
}

@media (min-width: 1200px) {
    button.fwsearchfieldbtn {
        font-size: 50px
    }
}

button.fwsearchfieldbtn:hover {
    color: #333
}

input.fqsearch {
    display: block;
    height: 50px;
    width: 100%;
    background: #fff;
    box-shadow: none;
    border: 0;
    border-radius: 30px;
    font-size: 18px;
    font-family: proxima_novalight;
    color: #999;
    float: left;
    padding-left: 30px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

input.fqsearch:hover,
input.fqsearch:focus {
    color: #000;
    border: 0;
    box-shadow: none
}

input.fqsearch.white {
    background: #f5f5f5;
    border: 0
}

input.fqsearch.white:hover,
input.fqsearch.white:focus {
    background: #efefef;
    border: 0
}

button.fqsearchbtn {
    display: block;
    height: 40px;
    padding: 0 20px;
    background-color: #ccced4;
    font-size: 18px;
    color: #117964;
    border: 1px solid #17a689;
    border-radius: 30px;
    float: right;
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

button.fqsearchbtn span {
    font-size: 16px;
    position: relative;
    top: -2px
}

button.fqsearchbtn:hover,
button.fqsearchbtn:focus {
    color: #fff;
    outline: 0
}

div.carouselnav ol.carousel-indicators {
    bottom: 0!important
}

div.carouselnav ol.carousel-indicators li {
    border: 1px solid #fff!important;
    padding: 0!important
}

div.carouselnav ol.carousel-indicators li.active {
    background: #fff!important
}

div.carouselnav .glyphicon-chevron-left:before {
    content: "";
    font-size: 12px;
    top: -5px!important;
    position: relative
}

div.carouselnav .glyphicon-chevron-right:before {
    content: "";
    font-size: 12px;
    top: -5px!important;
    position: relative
}

.darksection {
    background: #222;
    color: #fff
}

.darksection input {
    background: #333;
    border: 1px solid #333
}

.darksection textarea {
    background: #333;
    border: 1px solid #333
}

table.padding td {
    padding: 20px!important
}

.h9 {
    font-size: 28px;
    line-height: 22px
}

.smallp {
    font-size: 12px;
    position: relative;
    top: -10px
}

.pricelist-wrapper.col5 ul li {
    width: 20%
}

.pricelist-wrapper.col4 ul li {
    width: 25%
}

.pricelist-wrapper.col3 ul li {
    width: 33%
}

.pricelist-wrapper.col2 ul li {
    width: 50%
}

.pricelist-wrapper.col1 ul li {
    width: 100%
}

.pricelist-wrapper ul {
    height: 380px;
    padding: 0;
    list-style: none
}

.pricelist-wrapper ul li.leftround {
    border-radius: 50px 0 0 50px
}

.pricelist-wrapper ul li.leftround:hover {
    border-radius: 50px 0 0 50px
}

.pricelist-wrapper ul li.rightround {
    border-radius: 0 50px 50px 0
}

.pricelist-wrapper ul li.rightround:hover {
    border-radius: 0 50px 50px 0
}

.pricelist-wrapper li {
    float: left;
    border: 1px solid #e7e7e7;
    margin-top: 0;
    padding-top: 0;
    background: #fff;
    margin-left: -1px;
    position: relative;
    z-index: 5;
    transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -moz-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -webkit-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -o-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s
}

.pricelist-wrapper li:hover {
    border: 1px solid #f25d3c;
    margin-top: -10px;
    padding-top: 20px;
    background: #f25d3c;
    z-index: 10;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0
}

.pricelist-wrapper .plistrow0 {
    padding: 15px 0;
    border-bottom: 0 solid #e7e7e7;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper li:hover .plistrow0 {
    border-bottom: 0 solid #e75e30;
    color: #fff
}

.pricelist-wrapper .plistrow1 {
    padding: 14px 0 15px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper li:hover .plistrow1 {
    border-bottom: 1px solid #e75e30;
    color: #fff
}

.pricelist-wrapper .plistrow2 {
    height: 80px;
    padding: 25px 0;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper li:hover .plistrow2 {
    color: #fff
}

.pricelist-wrapper .plistrowbg {
    padding: 12px 0;
    text-align: center;
    color: #666;
    font-size: 13px;
    background: #f7f7f7
}

.pricelist-wrapper li:hover .plistrowbg {
    color: #fff;
    background: #e65839
}

.pricelist-wrapper .plistrow {
    padding: 12px 0;
    text-align: center;
    color: #666;
    font-size: 13px
}

.pricelist-wrapper li:hover .plistrow {
    color: #fff
}

.pricelist-wrapper .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat scroll -188px -113px transparent
}

.pricelist-wrapper li:hover .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat scroll -216px -113px transparent
}

.pricelist-wrapper .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll 0 -151px transparent
}

.pricelist-wrapper li:hover .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll -14px -151px transparent
}

.pricelist-wrapper .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll 0 -166px transparent
}

.pricelist-wrapper li:hover .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll -14px -166px transparent
}

.pricelist-wrapper .button_ok {
    font-size: 12px
}

.pricelist-wrapper .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper .button_ok a:hover {
    background: #ccced4;
    color: #fff
}

.pricelist-wrapper li:hover .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper li:hover .button_ok a:hover {
    background: #ccced4;
    color: #666
}

.pricelist-wrapper li.plistselected {
    margin-top: -10px;
    border: 1px solid #f25d3c;
    background: #f25d3c;
    z-index: 10;
    padding-top: 20px
}

.pricelist-wrapper li.plistselected div {
    color: #fff!important
}

.pricelist-wrapper li.plistselected .plistrow1 {
    border-bottom: 1px solid #e75e30;
    color: #fff
}

.pricelist-wrapper li.plistselected .plistrowbg {
    color: #fff;
    background: #e65839
}

.pricelist-wrapper li.plistselected .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll -14px -151px transparent
}

.pricelist-wrapper li.plistselected .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll -14px -166px transparent
}

.pricelist-wrapper li.plistselected .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper li.noselections:hover {
    z-index: 1;
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-top: 0;
    padding-top: 0
}

.pricelist-wrapper li.noselections:hover .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite.png) no-repeat scroll -188px -113px transparent
}

.pricelist-wrapper li.noselections:hover .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll 0 -151px transparent
}

.pricelist-wrapper li.noselections:hover .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite.png) no-repeat scroll 0 -166px transparent
}

.pricelist-wrapper li.noselections div {
    color: #333!important
}

.pricelist-wrapper li.noselections .plistrow1 {
    border-bottom: 1px solid #e7e7e7;
    color: #fff
}

.pricelist-wrapper li.noselections .plistrowbg {
    color: #fff;
    background: #f7f7f7
}

.pricelist-wrapper li.noselections .plistrow {
    color: #fff;
    background: #fff
}

.pricelist-wrapper li.noselections .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper li.noselections:hover .button_ok a:hover {
    background: #ccced4;
    color: #666
}

.pricelist-wrapper.noborders li {
    border: 0!important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1)
}

.pricelist-wrapper.noborders div.plistrow1 {
    border-bottom: 1px solid rgba(255, 255, 255, 0.2)!important
}

.pricelist-wrapper.noborders li.plistselected {
    border: 0!important
}

.pricelist-wrapper.noborders li.plistselected .plistrow1 {
    border: 0!important
}

.pricelist-wrapper.dark li {
    float: left;
    border: 1px solid #e7e7e7;
    margin-top: 0;
    padding-top: 0;
    background: #fff;
    margin-left: -1px;
    position: relative;
    z-index: 5;
    transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -moz-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -webkit-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s;
    -o-transition: float 0.2s, width 0.2s, height 0.2s, border 0.2s, margin-top 0.2s, padding-top .2s
}

.pricelist-wrapper.dark li:hover {
    border: 1px solid #efefef;
    margin-top: -10px;
    padding-top: 20px;
    background: #efefef;
    z-index: 10;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -khtml-border-radius: 0
}

.pricelist-wrapper.dark .plistrow0 {
    padding: 15px 0;
    border-bottom: 0 solid #e7e7e7;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper.dark li:hover .plistrow0 {
    border-bottom: 0 solid #ddd;
    color: #222
}

.pricelist-wrapper.dark .plistrow1 {
    padding: 14px 0 15px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper.dark li:hover .plistrow1 {
    border-bottom: 1px solid #ddd;
    color: #222
}

.pricelist-wrapper.dark .plistrow2 {
    height: 80px;
    padding: 25px 0;
    text-align: center;
    color: #333;
    font-size: 16px
}

.pricelist-wrapper.dark li:hover .plistrow2 {
    color: #222
}

.pricelist-wrapper.dark .plistrowbg {
    padding: 12px 0;
    text-align: center;
    color: #666;
    font-size: 13px;
    background: #f7f7f7
}

.pricelist-wrapper.dark li:hover .plistrowbg {
    color: #222;
    background: #ddd
}

.pricelist-wrapper.dark .plistrow {
    padding: 12px 0;
    text-align: center;
    color: #666;
    font-size: 13px
}

.pricelist-wrapper.dark li:hover .plistrow {
    color: #222
}

.pricelist-wrapper.dark .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite2.png) no-repeat scroll -188px -113px transparent
}

.pricelist-wrapper.dark li:hover .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite2.png) no-repeat scroll -216px -113px transparent
}

.pricelist-wrapper.dark .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll 0 -151px transparent
}

.pricelist-wrapper.dark li:hover .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll -14px -151px transparent
}

.pricelist-wrapper.dark .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll 0 -166px transparent
}

.pricelist-wrapper.dark li:hover .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll -14px -166px transparent
}

.pricelist-wrapper.dark .button_ok {
    font-size: 12px
}

.pricelist-wrapper.dark .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper.dark .button_ok a:hover {
    background: #ccced4;
    color: #fff
}

.pricelist-wrapper.dark li:hover .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper.dark li:hover .button_ok a:hover {
    background: #ccced4;
    color: #666
}

.pricelist-wrapper.dark li.plistselected {
    margin-top: -10px;
    border: 1px solid #f5f5f5;
    background: #f5f5f5;
    z-index: 10;
    padding-top: 20px
}

.pricelist-wrapper.dark li.plistselected div {
    color: #222!important
}

.pricelist-wrapper.dark li.plistselected .plistrow1 {
    border-bottom: 1px solid #e7e7e7;
    color: #fff
}

.pricelist-wrapper.dark li.plistselected .plistrowbg {
    color: #fff;
    background: #efefef
}

.pricelist-wrapper.dark li.plistselected .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll -14px -151px transparent
}

.pricelist-wrapper.dark li.plistselected .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll -14px -166px transparent
}

.pricelist-wrapper.dark li.plistselected .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper.dark li.noselections:hover {
    z-index: 1;
    background: #fff;
    border: 1px solid #e7e7e7;
    margin-top: 0;
    padding-top: 0
}

.pricelist-wrapper.dark li.noselections:hover .plistprice img {
    width: 27px;
    height: 20px;
    background: url(../images/sprite2.png) no-repeat scroll -188px -113px transparent
}

.pricelist-wrapper.dark li.noselections:hover .pchecked img {
    width: 14px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll 0 -151px transparent
}

.pricelist-wrapper.dark li.noselections:hover .punvailable img {
    width: 11px;
    height: 11px;
    background: url(../images/sprite2.png) no-repeat scroll 0 -166px transparent
}

.pricelist-wrapper.dark li.noselections div {
    color: #333!important
}

.pricelist-wrapper.dark li.noselections .plistrow1 {
    border-bottom: 1px solid #e7e7e7;
    color: #fff
}

.pricelist-wrapper.dark li.noselections .plistrowbg {
    color: #fff;
    background: #f7f7f7
}

.pricelist-wrapper.dark li.noselections .plistrow {
    color: #fff;
    background: #fff
}

.pricelist-wrapper.dark li.noselections .button_ok a {
    background: #ccced4;
    color: #fff;
    padding: 5px 16px;
    min-width: 50px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

.pricelist-wrapper.dark li.noselections:hover .button_ok a:hover {
    background: #ccced4;
    color: #666
}

.fb-tabs li span {
    display: inline-block;
    padding: 5px 0;
    text-indent: -1000px
}

@media (min-width: 480px) {
    .fb-tabs li span {
        display: inline-block;
        padding: 5px 0;
        text-indent: 0
    }
}

@media (min-width: 992px) {
    .fb-tabs li span {
        display: inline-block;
        padding: 0;
        text-indent: 0
    }
}

.fb-tabs li a {
    color: #ccc;
    font-weight: 700;
    border-radius: 0;
    border: 1px solid #efefef;
    margin: 0 0 0 -1px
}

.fb-tabs li a:hover {
    border: 1px solid #efefef;
    background: #fcfcfc
}

.fb-tabs li.active a {
    color: #333;
    border-left: 1px solid #efefef!important;
    border-top: 1px solid #efefef!important
}

.fb-tabs2 li a {
    color: #ccc;
    font-weight: 700;
    border-radius: 0;
    border-bottom: 2px solid transparent;
    border-left: 0;
    border-right: 0;
    border-top: 0;
    margin: 0 0 0 -1px;
    padding: 15px;
    white-space: nowrap
}

.fb-tabs2 li a:hover {
    border-bottom: 2px solid #999;
    background: transparent
}

.fb-tabs2 li.active a {
    border-bottom: 2px solid #333!important;
    background: transparent;
    border-left: 0!important;
    border-right: 0!important;
    border-top: 0!important;
    color: #333
}

.fb-tabs2 li.active a:focus {
    background: transparent
}

.fb-tabs2 li.active a:hover {
    background: transparent;
    border-bottom: 2px solid #333;
    color: #333
}

.tab-content.border {
    border: 1px solid #efefef;
    margin-left: -1px;
    margin-top: -1px
}

.tm-prev {
    display: block;
    background: transparent;
    width: 50px;
    height: 50px;
    position: fixed;
    bottom: 0;
    right: 0;
    margin: 0;
    padding: 0;
    z-index: 1000;
    overflow: hidden
}

a.tm-open,
a.tm-close {
    width: 50px;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    display: block;
    background: #111;
    color: #fff;
    font-size: 22px;
    padding: 12px 0;
    z-index: 100;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

a:hover.tm-open,
a:hover.tm-close {
    position: absolute;
    bottom: 0;
    right: 0;
    text-align: center;
    display: block;
    background: #000;
    color: #999;
    width: 50px;
    height: 50px;
    padding: 12px 0;
    z-index: 100;
    cursor: pointer
}

a.tm-close p.deg45 {
    font-size: 24px;
    margin-top: -10px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

span.tm-prev-ico {
    display: block;
    width: 26px;
    height: 20px;
    background: url(../images/tmprev/icon-tm-prew.png) no-repeat 0 0;
    margin: -5px 0 0 12px
}

.tm-content {
    display: block;
    width: 225px;
    height: 396px;
    overflow-y: scroll;
    background: #111;
    position: relative;
    border-top: 5px solid #111
}

.tm-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.tm-content ul li {
    display: block;
    float: left;
    margin-left: 5px;
    margin-bottom: 5px;
    position: relative;
    z-index: 100
}

.tm-content ul li img {
    opacity: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s;
    position: relative;
    z-index: 100
}

.tm-content ul li img:hover {
    opacity: 1
}

.tm-over {
    width: 150px;
    height: 100%;
    background: #111;
    background: rgba(0, 0, 0, 0.7);
    padding: 27px 20px;
    color: #fff;
    font-weight: 700;
    opacity: 0;
    position: absolute;
    top: 0;
    z-index: 1000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.tm-over:hover {
    opacity: 1
}

.tm-over p {
    font-family: "proxima_novalight";
    color: #ccced4;
    font-size: 12px;
    margin-top: 0;
    margin-left: 27px;
    text-transform: uppercase
}

#Style {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style2 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style3 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style4 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style5 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style6 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style7 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style8 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style9 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style10 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style11 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style12 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style13 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style14 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style15 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style16 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style17 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style18 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style19 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style20 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style21 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style22 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style23 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

#Style24 {
    position: fixed;
    bottom: 230px;
    right: 160px;
    visibility: hidden;
    background: #111;
    padding: 0 0 5px;
    z-index: 1000
}

img.hpagesoon {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1777px no-repeat
}

img.hpage1 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px 0 no-repeat
}

img.hpage2 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -73px no-repeat
}

img.hpage3 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -148px no-repeat
}

img.hpage4 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -221px no-repeat
}

img.hpage5 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -293px no-repeat
}

img.hpage6 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -366px no-repeat
}

img.hpage7 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -441px no-repeat
}

img.hpage8 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -514px no-repeat
}

img.hpage9 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -589px no-repeat
}

img.hpage10 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -664px no-repeat
}

img.hpage11 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -739px no-repeat
}

img.hpage12 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -814px no-repeat
}

img.hpage13 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -889px no-repeat
}

img.hpage14 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -962px no-repeat
}

img.hpage15 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1035px no-repeat
}

img.hpage16 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1108px no-repeat
}

img.hpage17 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1181px no-repeat
}

img.hpage18 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1254px no-repeat
}

img.hpage19 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1327px no-repeat
}

img.hpage20 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1402px no-repeat
}

img.hpage21 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1477px no-repeat
}

img.hpage22 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1552px no-repeat
}

img.hpage23 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1627px no-repeat
}

img.hpage24 {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) -400px -1702px no-repeat
}

img.hpage1-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 0 no-repeat
}

img.hpage2-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -194px no-repeat
}

img.hpage3-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -395px no-repeat
}

img.hpage4-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -589px no-repeat
}

img.hpage5-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -782px no-repeat
}

img.hpage6-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -975px no-repeat
}

img.hpage7-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1175px no-repeat
}

img.hpage8-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1376px no-repeat
}

img.hpage9-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1569px no-repeat
}

img.hpage10-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1778px no-repeat
}

img.hpage11-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1978px no-repeat
}

img.hpage12-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2178px no-repeat
}

img.hpage13-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2378px no-repeat
}

img.hpage14-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2572px no-repeat
}

img.hpage15-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2766px no-repeat
}

img.hpage16-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2960px no-repeat
}

img.hpage17-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3154px no-repeat
}

img.hpage18-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3348px no-repeat
}

img.hpage19-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3542px no-repeat
}

img.hpage20-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3743px no-repeat
}

img.hpage21-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3943px no-repeat
}

img.hpage22-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4143px no-repeat
}

img.hpage23-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4343px no-repeat
}

img.hpage24-big {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4543px no-repeat
}

img.hpage1-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 0 no-repeat;
    background-size: 385px
}

img.hpage2-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -136px no-repeat;
    background-size: 385px
}

img.hpage3-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -277px no-repeat;
    background-size: 385px
}

img.hpage4-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -411px no-repeat;
    background-size: 385px
}

img.hpage5-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -547px no-repeat;
    background-size: 385px
}

img.hpage6-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -683px no-repeat;
    background-size: 385px
}

img.hpage7-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -823px no-repeat;
    background-size: 385px
}

img.hpage8-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -963px no-repeat;
    background-size: 385px
}

img.hpage9-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1104px no-repeat;
    background-size: 385px
}

img.hpage10-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1245px no-repeat;
    background-size: 385px
}

img.hpage11-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1387px no-repeat;
    background-size: 385px
}

img.hpage12-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1525px no-repeat;
    background-size: 385px
}

img.hpage13-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1665px no-repeat;
    background-size: 385px
}

img.hpage14-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1801px no-repeat;
    background-size: 385px
}

img.hpage15-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -1937px no-repeat;
    background-size: 385px
}

img.hpage16-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2072px no-repeat;
    background-size: 385px
}

img.hpage17-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2208px no-repeat;
    background-size: 385px
}

img.hpage18-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2344px no-repeat;
    background-size: 385px
}

img.hpage19-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2480px no-repeat;
    background-size: 385px
}

img.hpage20-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2620px no-repeat;
    background-size: 385px
}

img.hpage21-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2760px no-repeat;
    background-size: 385px
}

img.hpage22-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -2899px no-repeat;
    background-size: 385px
}

img.hpage23-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3040px no-repeat;
    background-size: 385px
}

img.hpage24-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3180px no-repeat;
    background-size: 385px
}

img.hheader1-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3320px no-repeat;
    background-size: 385px
}

img.hheader2-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3476px no-repeat;
    background-size: 385px
}

img.hheader3-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3631px no-repeat;
    background-size: 385px
}

img.hheader4-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3787px no-repeat;
    background-size: 385px
}

img.hheader5-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -3943px no-repeat;
    background-size: 385px
}

img.hheader6-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4098px no-repeat;
    background-size: 385px
}

img.hheader7-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4254px no-repeat;
    background-size: 385px
}

img.hheader8-nav {
    background: url(../images/tmprev/tmprev-thumbnails.jpg) 0 -4409px no-repeat;
    background-size: 385px
}

#back-top {
    display: none;
    position: fixed;
    bottom: 211px;
    right: 20px;
    z-index: 1000
}

#back-top a {
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    transition: all .2s ease 0;
    -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
    box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.75);
    background-color: #38383A
}

#btn-call {
    display: none;
    position: fixed;
    bottom: 50%;
    left: 20px;
    z-index: 1000
}

ul.pgal {
    list-style: none;
    margin: 0;
    padding: 0
}

ul.pgal li {
    width: 50%;
    float: left;
    position: relative;
    overflow: hidden
}

ul.pgal li.times2 {
    width: 50%
}

ul.pgal li.pgalhide {
    display: block
}

ul.pgal li.pgalhide2 {
    display: block
}

@media only screen and (min-width: 800px) and (max-width: 1069px) {
    ul.pgal li {
        width: 25%;
        float: left
    }
    ul.pgal li.pgalhide {
        display: none
    }
    ul.pgal li.pgalhide2 {
        display: none
    }
    ul.pgal li.times2 {
        width: 50%
    }
}

@media only screen and (min-width: 1070px) and (max-width: 1365px) {
    ul.pgal li {
        width: 20%;
        float: left
    }
    ul.pgal li.pgalhide {
        display: none
    }
    ul.pgal li.pgalhide2 {
        display: block
    }
    ul.pgal li.times2 {
        width: 40%
    }
}

@media (min-width: 1366px) {
    ul.pgal li {
        width: 16.66%;
        float: left
    }
    ul.pgal li.pgalhide {
        display: block
    }
    ul.pgal li.pgalhide2 {
        display: block
    }
    ul.pgal li.times2 {
        width: 33.32%
    }
}

ul.pgal li img.zoom {
    width: 100%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

ul.pgal li:hover img.zoom {
    width: 110%;
    margin-left: -5%;
    margin-top: -5%
}

ul.pgal li div.pgal-hover {
    display: block;
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    text-align: center;
    -webkit-transition: opacity .5s ease-in;
    -moz-transition: opacity .5s ease-in;
    transition: opacity .5s ease-in
}

ul.pgal li:hover div.pgal-hover {
    opacity: 1
}

ul.pgal li div.pgal-hover h4 {
    color: #fff;
    margin-top: 30%;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

ul.pgal li div.pgal-hover span {
    width: 45px;
    height: 2px;
    background: #fff;
    display: block;
    margin: 10px auto 0;
    padding: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

ul.pgal li div.pgal-hover p {
    color: #fff;
    margin-top: 10px
}

ul.pgal li div.pgal-hover a.btnmore {
    color: #fff;
    font-size: 9px;
    width: 45px;
    height: 45px;
    display: block;
    border: 2px solid #fff;
    margin: 0 auto;
    padding: 14px 0 0 1px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    transition: .5s
}

ul.pgal li div.pgal-hover a.btnmore:hover {
    color: #95ce92;
    border: 2px solid #95ce92
}

ul.pgal li:hover div.pgal-hover h4 {
    margin-top: 28%
}

ul.pgal li:hover div.pgal-hover span {
    margin: 20px auto 0
}

ul.pgal li:hover div.pgal-hover a.btnmore {
    margin: 20px auto 0
}

select.sharetofb {
    height: 25px;
    width: auto;
    padding: 0;
    margin-left: 20px;
    color: #666;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 11px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 0
}

select.sharetofb:hover {
    border: 1px solid #ccc;
    outline: 0
}

select.sharetofb option {
    color: #333
}

ul.services li {
    min-height: 240px;
    padding: 30px;
    border-bottom: 1px solid #efefef
}

ul.services li i {
    color: #666!important;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.services li h4 {
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.services li a {
    color: #333
}

ul.services li:hover i {
    color: #ccced4!important
}

ul.services li:hover h4 {
    color: #333
}

ul.services li:hover a {
    color: #999;
    cursor: pointer
}

ul.services li:nth-child(6) {
    border-bottom: none
}

@media (min-width: 480px) {
    ul.services li {
        border-right: none;
        border-bottom: 1px solid #efefef
    }
    ul.services li:nth-child(6) {
        border-bottom: none
    }
}

@media (min-width: 768px) {
    ul.services li:nth-child(1),
    ul.services li:nth-child(3),
    ul.services li:nth-child(5) {
        border-right: 1px solid #efefef
    }
    ul.services li:nth-child(5),
    ul.services li:nth-child(6) {
        border-bottom: none
    }
}

@media (min-width: 992px) {
    ul.services li:nth-child(2) {
        border-right: 1px solid #efefef
    }
    ul.services li:nth-child(3) {
        border-right: none
    }
    ul.services li:nth-child(4) {
        border-right: 1px solid #efefef;
        border-bottom: none
    }
}

.leftline {
    display: block;
    width: 0;
    height: 50px;
    position: absolute;
    top: 0;
    z-index: 100;
    background: #fff
}

.bottomline {
    display: block;
    width: 50px;
    height: 0;
    position: absolute;
    bottom: 0;
    z-index: 100;
    background: #fff
}

.rightline {
    display: block;
    width: 0;
    height: 50px;
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 100;
    background: #fff
}

.topline {
    display: block;
    width: 50px;
    height: 0;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 100;
    background: #fff
}

.tmthumb {
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
    margin: 20px 0
}

.tmthumb img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.tmthumb img:hover {
    opacity: .5
}

.tmthumb span {
    display: block;
    position: absolute;
    top: 10px;
    left: 10px;
    background: #76bbdf;
    color: #fff;
    width: 45px;
    height: 45px;
    border-radius: 100px
}

.tmthumb span i {
    font-size: 16px;
    font-style: normal
}

.tmthumb h1 {
    padding: 15px 15px 0;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.tmthumb p {
    padding: 0 15px 5px;
    font-size: 12px;
    color: #999;
    line-height: 14px;
    margin-top: 3px
}

.accsquare {
    background: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.accsquare:hover {
    background: #ccced4;
    color: #fff
}

#mixItUp .mix {
    display: none
}

.mixpercent {
    width: 95%
}


.mix.col12  {
    width:100%
}


.mix.col6  {
    width:50%
}

@media (min-width: 1200px) {
    .mixpercent {
        width: 80%
    }
}

.mix,
.mix.col1,
.mix.col2,
.mix.col3,
.mix.col4,
.mix.col12 {
    width: 100%;
    float: left;
    position: relative
}

@media (min-width: 768px) {
    .mix {
        width: 50%
    }
    .mix.col1 {
        width: 100%
    }
    .mix.col75 {
        width: 75%;
        height: 600px
    }
    .mix.col66 {
        width: 66.666666%
    }
    .mix.col12 {
        width: 100%
    }
    .mix.col2 {
        width: 50%
    }
    .mix.col3 {
        width: 50%
    }
    .mix.col4 {
        width: 50%;
        height: 600px
    }
}

@media (min-width: 992px) {
    .mix {
        width: 33.33%
    }
    .mix.col1 {
        width: 100%
    }
    .mix.col75 {
        width: 75%;
        height: 600px
    }
    .mix.col2 {
        width: 50%
    }
    .mix.col3 {
        width: 33.33%
    }
    .mix.col4 {
        width: 25%;
        height: 600px
    }
}

.mix:after {
    padding-top: 56.25%;
    display: block;
    content: ''
}

.mainwrap {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #fff;
    color: #fff;
    overflow: hidden
}

.mainwrap img {
    opacity: .95
}

.mixhover {
    opacity: 1;
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.mixhover h1 {
    font-family: proxima_nova_rgbold;
    font-size: 24px;
    text-transform: uppercase;
    color: #fff
}

.mixhover p {
    color: #fff
}

.mainwrap:hover .mixhover {
    opacity: 0;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    -o-transition: .4s;
    transition: .4s
}

.mixhover.red {
    background: rgba(255, 102, 102, 0.9)
}

.mixhover.blue {
    background: rgba(19, 172, 216, 0.9)
}

.mixhover.lime {
    background: rgba(193, 216, 138, 0.9)
}

.mixhover.orange {
    background: rgba(255, 153, 102, 0.9)
}

.mixhover.cealk {
    background: rgba(193, 191, 148, 0.9)
}

.mixhover.turquoise {
    background: rgba(26, 188, 156, 0.9)
}

.mixhover.purple {
    background: rgba(112, 75, 140, 0.9)
}

.mixhover.black {
    background: rgba(34, 34, 34, 0.9)
}

.mixhover.green {
    background: rgba(11, 67, 38, 0.9)
}

.mixhover.gray {
    background: rgba(96, 96, 98, 0.5)
}

.mixbtn {
    background: transparent;
    border: 0;
    font-family: 'proxima_novalight';
    font-size: 12px;
    color: #666;
    text-transform: uppercase;
    margin: 0 10px;
    padding-bottom: 10px;
    border-bottom: 3px solid transparent
}

.mixbtn:hover,
.mixbtn:focus {
    outline: none;
    border-bottom: 3px solid #ccced4
}

.mixbtn.active {
    color: #000;
    border-bottom: 3px solid #ccced4
}

.view-code {
    color: #48cfad;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    text-decoration: none;
    position: absolute;
    top: 640px;
    left: 50%;
    margin-left: -35px
}

.view-code:hover {
    color: #34c29e
}

.make-3D-space {
    perspective: 800px;
    width: 100%;
    height: 500px;
    transform-style: preserve-3d;
    transition: transform 5s;
    position: relative;
    left: -7px
}

.product-front,
.product-back {
    width: 100%;
    height: 500px;
    background: #fff;
    position: absolute;
    left: -5px;
    top: -5px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.product-back {
    display: none;
    transform: rotateY(180deg);
    left: 5px
}

.product-card.animate .product-back,
.product-card.animate .product-front {
    top: 0;
    left: 0;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.product-card {
    width: 100%;
    height: 490px;
    position: absolute;
    top: 10px;
    left: 10px;
    overflow: hidden;
    transform-style: preserve-3d;
    -webkit-transition: 100ms ease-out;
    -moz-transition: 100ms ease-out;
    -o-transition: 100ms ease-out;
    transition: 100ms ease-out
}

div.product-card.flip-10 {
    -webkit-transform: rotateY(-10deg);
    -moz-transform: rotateY(-10deg);
    -o-transform: rotateY(-10deg);
    transform: rotateY(-10deg);
    transition: 50ms ease-out
}

div.product-card.flip90 {
    -webkit-transform: rotateY(90deg);
    -moz-transform: rotateY(90deg);
    -o-transform: rotateY(90deg);
    transform: rotateY(90deg);
    transition: 100ms ease-in
}

div.product-card.flip190 {
    -webkit-transform: rotateY(190deg);
    -moz-transform: rotateY(190deg);
    -o-transform: rotateY(190deg);
    transform: rotateY(190deg);
    transition: 100ms ease-out
}

div.product-card.flip180 {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
    transition: 150ms ease-out
}

.product-card.animate {
    top: 5px;
    left: 5px;
    width: 100%;
    height: 500px;
    box-shadow: 0 13px 21px -5px rgba(0, 0, 0, 0.3);
    -webkit-transition: 100ms ease-out;
    -moz-transition: 100ms ease-out;
    -o-transition: 100ms ease-out;
    transition: 100ms ease-out
}

.stats-container {
    background: #fff;
    position: absolute;
    top: 386px;
    left: 0;
    width: 100%;
    height: 300px;
    padding: 27px 35px 35px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.product-card.animate .stats-container {
    top: 272px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.stats-container .product_name {
    font-size: 16px;
    color: #393c45;
    font-family: proxima_nova_rgbold;
    text-transform: uppercase
}

.stats-container p {
    font-size: 16px;
    color: #b1b1b3;
    padding: 2px 0 20px
}

.stats-container .product_price {
    float: right;
    color: #48cfad;
    font-size: 22px;
    font-weight: 600
}

.image_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #f56060;
    opacity: 0
}

.product-card.animate .image_overlay {
    opacity: .7;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.product-options {
    padding: 2px 0 0
}

.product-options strong {
    font-weight: 700;
    color: #393c45;
    font-size: 14px
}

.product-options span {
    color: #969699;
    font-size: 14px;
    display: block;
    margin-bottom: 8px
}

.view_details,
.view_details2 {
    position: absolute;
    top: 112px;
    left: 50%;
    margin-left: -85px;
    border: 2px solid #fff;
    color: #fff;
    font-size: 19px;
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;
    padding: 10px 0;
    width: 172px;
    opacity: 0;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.view_details:hover,
.view_details2:hover {
    background: #fff;
    color: #f56060;
    cursor: pointer
}

.product-card.animate .view_details,
.product-card.animate .view_details2 {
    opacity: 1;
    width: 152px;
    font-size: 15px;
    margin-left: -75px;
    top: 115px;
    -webkit-transition: all 200ms ease-out;
    -moz-transition: all 200ms ease-out;
    -o-transition: all 200ms ease-out;
    transition: all 200ms ease-out
}

.viewleft,
.viewright {
    width: 120px
}

.viewleft {
    margin-left: 10px
}

.viewright {
    margin-left: -130px
}

.product-card.animate .viewleft,
.product-card.animate .viewright {
    width: 100px
}

.product-card.animate .viewleft {
    margin-left: 2px
}

.product-card.animate .viewright {
    margin-left: -102px
}

.savesale {
    width: 72px;
    height: 72px;
    background: #ccced4;
    padding-top: 25px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    border-radius: 50%;
    position: absolute;
    z-index: 20;
    bottom: 100px;
    right: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-card.animate .savesale {
    display: block;
    right: 20px;
    bottom: 80px;
    background: #efefef
}

.product-card.flip90.flip180 .savesale {
    display: none
}

div.colors div {
    margin-top: 3px;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    float: left
}

div.colors div span {
    width: 15px;
    height: 15px;
    display: block;
    border-radius: 50%
}

div.colors div span:hover {
    width: 17px;
    height: 17px;
    margin: -1px 0 0 -1px
}

div.c-blue span {
    background: #6e8cd5
}

div.c-red span {
    background: #f56060
}

div.c-green span {
    background: #44c28d
}

div.c-white span {
    background: #fff;
    width: 14px;
    height: 14px;
    border: 1px solid #e8e9eb
}

div.shadow {
    width: 100%;
    height: 520px;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    display: none;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.2))
}

.product-back div.shadow {
    z-index: 10;
    opacity: 1;
    background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
    background: -moz-linear-gradient(right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1));
    background: linear-gradient(to right, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.1))
}

.flip-back {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 30px;
    cursor: pointer
}

.cx,
.cy {
    background: #d2d5dc;
    position: absolute;
    width: 0;
    top: 15px;
    right: 15px;
    height: 3px;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.flip-back:hover .cx,
.flip-back:hover .cy {
    background: #979ca7;
    -webkit-transition: all 250ms ease-in-out;
    -moz-transition: all 250ms ease-in-out;
    -ms-transition: all 250ms ease-in-out;
    -o-transition: all 250ms ease-in-out;
    transition: all 250ms ease-in-out
}

.cx.s1,
.cy.s1 {
    right: 0;
    width: 30px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.cy.s2 {
    -ms-transform: rotate(50deg);
    -webkit-transform: rotate(50deg);
    transform: rotate(50deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.cy.s3 {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.cx.s1 {
    right: 0;
    width: 30px;
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.cx.s2 {
    -ms-transform: rotate(140deg);
    -webkit-transform: rotate(140deg);
    transform: rotate(140deg);
    -webkit-transition: all 100ms ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.cx.s3 {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    -webkit-transition: all 100ease-out;
    -moz-transition: all 100ms ease-out;
    -ms-transition: all 100ms ease-out;
    -o-transition: all 100ms ease-out;
    transition: all 100ms ease-out
}

.carousel {
    width: 100%;
    height: 500px;
    overflow: hidden;
    position: relative
}

.carousel ul {
    position: relative;
    top: 0;
    left: 0
}

.carousel li {
    width: 335px;
    height: 500px;
    float: left;
    overflow: hidden
}

.arrows-perspective {
    width: 100%;
    height: 55px;
    position: absolute;
    top: 218px;
    transform-style: preserve-3d;
    transition: transform 5s;
    perspective: 100%
}

.carouselPrev,
.carouselNext {
    width: 50px;
    height: 55px;
    background: #ccc;
    position: absolute;
    top: 0;
    transition: all 200ms ease-out;
    opacity: .9;
    cursor: pointer
}

.carouselNext {
    top: 0;
    right: -26px;
    -webkit-transform: rotateY(-117deg);
    -moz-transform: rotateY(-117deg);
    -o-transform: rotateY(-117deg);
    transform: rotateY(-117deg);
    transition: all 200ms ease-out
}

.carouselNext.visible {
    right: 0;
    opacity: .8;
    background: #efefef;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: all 200ms ease-out
}

.carouselPrev {
    left: -26px;
    top: 0;
    -webkit-transform: rotateY(117deg);
    -moz-transform: rotateY(117deg);
    -o-transform: rotateY(117deg);
    transform: rotateY(117deg);
    transition: all 200ms ease-out
}

.carouselPrev.visible {
    left: 0;
    opacity: .8;
    background: #eee;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: all 200ms ease-out
}

.carousel .x,
.carousel .y {
    height: 2px;
    width: 15px;
    background: #48cfad;
    position: absolute;
    top: 31px;
    left: 17px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.carousel .x {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    top: 21px
}

.carousel .carouselNext .x {
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.carousel .carouselNext .y {
    -ms-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.zoom p {
    position: absolute;
    top: 3px;
    right: 28px;
    color: #555;
    font: bold 13px/1 sans-serif
}

.zoom {
    display: inline-block;
    position: relative;
    background: #333
}

.zoom:after {
    content: '';
    display: block;
    width: 33px;
    height: 33px;
    position: absolute;
    top: 0;
    right: 0;
    background: url(../images/shop/icon.png)
}

.zoom img {
    display: block;
    opacity: 1
}

.zoom img::selection {
    background-color: transparent
}

#ex2 img:hover {
    cursor: url(../images/shop/grab.cur), default
}

#ex2 img:active {
    cursor: url(../images/shop/grabbed.cur), default
}

ul.zoomthumbs li {
    background: #333;
    margin-bottom: 20px;
    margin-right: 20px;
    border: 0 solid #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.zoomthumbs li img {
    width: 100%;
    opacity: 1;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.zoomthumbs li:hover {
    background: #333;
    border: 0 solid #666;
    cursor: pointer
}

ul.zoomthumbs li:hover img {
    opacity: .9
}

#ex1 img {
    width: 100%;
    height: auto
}

.coll1 {
    width: 21%;
    float: left;
    position: relative
}

.coll2 {
    width: 79%;
    float: left;
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    border: 1px solid #f5f5f5
}

.coll3 {
    width: 100%;
    float: static;
    height: 540px;
    float: left;
    position: relative
}

@media (min-width: 768px) {
    #ex1 img.test {
        width: auto;
        height: 678px
    }
    .coll1 {
        width: auto;
        float: left
    }
    .coll2 {
        width: auto;
        float: left
    }
    .coll3 {
        width: 100%;
        float: left;
        height: 540px;
        padding-left: 0
    }
    ul.zoomthumbs li img {
        width: auto;
        height: 155px
    }
}

@media (min-width: 992px) {
    #ex1 img.test {
        width: auto;
        height: 540px
    }
    .coll1 {
        width: auto;
        float: left
    }
    .coll2 {
        width: auto;
        float: left
    }
    .coll3 {
        width: 350px;
        float: left;
        height: 540px
    }
    ul.zoomthumbs li img {
        width: auto;
        height: 120px
    }
}

@media (min-width: 1200px) {
    #ex1 img.test {
        width: auto;
        height: 700px
    }
    .coll1 {
        width: auto;
        float: left
    }
    .coll2 {
        width: auto;
        float: left
    }
    .coll3 {
        width: 395px;
        float: left;
        height: 700px
    }
    ul.zoomthumbs li img {
        width: auto;
        height: 160px
    }
}

.product-sidebox {
    background: #222;
    height: 100%;
    color: #666;
    margin-left: 0
}

@media (min-width: 992px) {
    .product-sidebox {
        margin-left: 20px
    }
}

@media (min-width: 1200px) {
    .product-sidebox {
        margin-left: 20px
    }
}

.product-sidebox div.topbar {
    display: block;
    background: #ccced4;
    width: 100%;
    padding: 10px 15px
}

.product-sidebox div.topbar select.shareto {
    height: 25px;
    width: auto;
    padding: 0;
    color: #fff;
    line-height: 30px;
    text-transform: uppercase;
    font-size: 11px;
    background: transparent;
    border: 1px solid #28e1bd;
    border-radius: 0
}

.product-sidebox div.topbar select.shareto:hover {
    border: 1px solid #dbfaf4;
    outline: 0
}

.product-sidebox div.topbar select.shareto option {
    color: #333
}

.product-sidebox h1 {
    font-size: 22px;
    text-transform: uppercase;
    color: #fff
}

.product-sidebox div.id {
    text-transform: uppercase;
    color: #666
}

.product-sidebox div.rating {
    color: #ccced4
}

.product-sidebox div.line {
    height: 1px;
    width: 100%;
    background: #444
}

.product-sidebox .price {
    font-size: 30px;
    color: #ccced4
}

.product-sidebox .savesale2 {
    display: block;
    width: 72px;
    height: 72px;
    background: #ccced4;
    padding-top: 25px;
    text-transform: uppercase;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    border-radius: 50%;
    z-index: 20;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .bordertop {
    border-top: 1px solid #444
}

.product-sidebox .borderbottom {
    border-bottom: 1px solid #444
}

.product-sidebox .brdleft {
    border-left: 1px solid #444
}

.product-sidebox .colorsquares li {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #333;
    border: 1px solid #444;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .colorsquares li.active,
.product-sidebox .colorsquares li:hover,
.product-sidebox .colorsquares li:focus {
    border: 1px solid #fff;
    cursor: pointer
}

.product-sidebox .colorsquares li.white {
    background: #fff
}

.product-sidebox .colorsquares li.black {
    background: #000
}

.product-sidebox .sizesquares li {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #444;
    color: #fff;
    text-transform: uppercase;
    padding-top: 5px;
    text-align: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .sizesquares li.active,
.product-sidebox .sizesquares li:hover,
.product-sidebox .sizesquares li:focus {
    border: 1px solid #fff;
    cursor: pointer
}

.product-sidebox .input-group input.input-number {
    background: transparent;
    border: 1px solid #444;
    color: #fff;
    height: 40px
}

.product-sidebox .input-group input.input-number:focus {
    box-shadow: none;
    border: 1px solid #ccced4
}

.product-sidebox .input-group button.btn-number {
    background: transparent;
    border: 1px solid #444;
    color: #fff;
    height: 40px;
    border-radius: 0;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .input-group button.btn-number:hover,
.product-sidebox .input-group button.btn-number:focus {
    background: #444;
    outline: 0
}

.product-sidebox .input-group button.btn-number[disabled="disabled"] {
    background: #333;
    color: #999
}

.product-sidebox .sidebox-btns {
    position: absolute;
    bottom: 20px;
    width: calc(100% - 50px);
    margin-left: 15px
}

.product-sidebox .sidebox-btns button.btnaddtocart {
    display: block;
    width: 100%;
    border: 1px solid #444;
    background: transparent;
    border-radius: 0;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .sidebox-btns button.btnaddtocart:hover,
.product-sidebox .sidebox-btns button.btnaddtocart:focus {
    border: 1px solid #fff;
    color: #fff
}

.product-sidebox .sidebox-btns button.btnaddtocart span {
    font-size: 26px;
    line-height: 33px
}

.product-sidebox .sidebox-btns button.btnaddtocart i {
    font-style: normal;
    position: relative;
    top: -5px
}

.product-sidebox .sidebox-btns button.btngift {
    display: block;
    float: left;
    width: 50%;
    border: 1px solid #444;
    background: transparent;
    border-radius: 0;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .sidebox-btns button.btngift:hover,
.product-sidebox .sidebox-btns button.btngift:focus {
    border: 1px solid #fff;
    color: #fff
}

.product-sidebox .sidebox-btns button.btngift span {
    font-size: 26px;
    line-height: 33px
}

.product-sidebox .sidebox-btns button.btngift i {
    font-style: normal;
    position: relative;
    top: -5px
}

.product-sidebox .sidebox-btns button.btnfav {
    display: block;
    float: right;
    width: 50%;
    border: 1px solid #444;
    background: transparent;
    border-radius: 0;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.product-sidebox .sidebox-btns button.btnfav:hover,
.product-sidebox .sidebox-btns button.btnfav:focus {
    border: 1px solid #fff;
    color: #fff
}

.product-sidebox .sidebox-btns button.btnfav span {
    font-size: 26px;
    line-height: 33px
}

.product-sidebox .sidebox-btns button.btnfav i {
    font-style: normal;
    position: relative;
    top: -5px
}

.av-tabs li span {
    display: inline-block;
    padding: 5px 0;
    text-indent: -1000px
}

@media (min-width: 480px) {
    .av-tabs li span {
        display: inline-block;
        padding: 5px 0;
        text-indent: 0
    }
}

@media (min-width: 992px) {
    .av-tabs li span {
        display: inline-block;
        padding: 0;
        text-indent: 0
    }
}

.av-tabs li a {
    background: #fcfcfc;
    color: #ccc;
    font-weight: 700;
    text-transform: uppercase;
    font-family: proxima_nova_rgbold;
    border-radius: 0;
    border: 1px solid #efefef;
    margin: 0 0 0 -1px
}

.av-tabs li a:hover {
    border: 1px solid #efefef;
    background: #fcfcfc
}

.av-tabs li.active a {
    background: #fff!important;
    color: #333;
    border-left: 1px solid #efefef!important;
    border-top: 1px solid #efefef!important
}

.avtabbg {
    background: #fff
}

.comspacer {
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid #ddd;
    margin: 10px 0 10px 35px
}

.comspacertop {
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid #ddd;
    margin: 10px 0 0 35px
}

.comspacerbtm {
    display: block;
    width: 20px;
    height: 20px;
    border-left: 1px solid #ddd;
    margin: 0 0 10px 35px
}

.innerlines {
    position: relative;
    width: 80px;
    height: 80px;
    float: left
}

.innerlines .vline {
    width: 1px;
    height: 100%;
    background: #ddd;
    margin-left: 35px
}

.innerlines .hline {
    width: 35px;
    height: 1px;
    background: #ddd;
    margin-left: 35px;
    position: absolute;
    top: 50%
}

.compull {
    position: relative;
    float: left;
    left: 0;
    top: 0;
    width: calc(100% - 90px)
}

.secondcomment {
    position: relative;
    float: left;
    width: calc(100% - 80px)
}

.qtyheight {
    height: 47px
}

.color1 {
    background: #f0e9cf
}

.color2 {
    background: #af9c7c
}

.color3 {
    background: #f18082
}

.color4 {
    background: #424b82
}

.savesale3 {
    display: block;
    width: 72px;
    height: 72px;
    background: #fff;
    padding-top: 25px;
    text-transform: uppercase;
    text-align: center;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    line-height: 13px;
    border-radius: 50%;
    z-index: 20;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    border: 1px solid #ddd;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

button.btnaddtocart {
    display: block;
    width: 100%;
    border: 1px solid #ddd;
    background: transparent;
    border-radius: 0;
    color: #666;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

button.btnaddtocart:hover,
button.btnaddtocart:focus {
    background: #ccced4;
    border: 1px solid #ccced4;
    color: #fff
}

button.btnaddtocart span {
    font-size: 22px;
    line-height: 33px
}

button.btnaddtocart i {
    font-style: normal;
    position: relative;
    top: -5px
}

.tags span {
    display: inline-block;
    padding: 3px 5px;
    margin: 4px 0 0;
    background: #ccc;
    border-radius: 3px;
    color: #fff;
    font-size: 12px;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.tags span:hover {
    background: #ccced4;
    cursor: pointer
}

.blogdate {
    background: #fff;
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 7px 15px 0;
    text-align: center
}

.blogdate.top {
    bottom: auto;
    top: 0
}

.blogdate.left {
    right: auto;
    left: 0
}

.sidethumb {
    width: 80px;
    height: 60px;
    background: #efefef;
    float: left;
    margin-right: 20px;
    border-radius: 2px;
    overflow: hidden
}

.sidethumb + a {
    padding: 2px 0
}

.sidethumb + a:hover {
    color: #333
}

.sidethumb + a + p {
    color: #ccc;
    font-size: 12px
}

.sidethumb.right {
    float: right;
    margin-right: auto;
    margin-left: 20px
}

.bgmiddle {
    height: calc(100% - 130px)
}

.bgmiddle2 {
    height: calc(100% - 80px)
}

.bgmainop90 {
    background: #ccced4;
    background: rgba(26, 188, 156, 0.9)
}

ul.maintenancesocial li {
    display: inline-block
}

ul.maintenancesocial li a span {
    display: block;
    width: 27px;
    height: 27px;
    background: #999;
    color: #fff;
    padding: 4px 7px;
    border-radius: 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

ul.maintenancesocial li a span:hover {
    background: #efefef;
    color: #666
}

input.newscomingsoon {
    display: block;
    height: 50px;
    width: 100%;
    background: #fff;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: none;
    border: 2px solid #fff;
    border: 2px solid rgba(255, 255, 255, 0.5);
    border-radius: 30px;
    font-size: 18px;
    font-family: proxima_novalight;
    color: #999;
    float: left;
    padding-left: 30px;
    -webkit-transition: .4s;
    -moz-transition: .4s;
    transition: .4s
}

input.newscomingsoon::-webkit-input-placeholder {
    color: #fff
}

input.newscomingsoon:-moz-placeholder {
    color: #fff
}

input.newscomingsoon::-moz-placeholder {
    color: #fff
}

input.newscomingsoon:-ms-input-placeholder {
    color: #fff
}

input.newscomingsoon:hover,
input.newscomingsoon:focus {
    color: #fff;
    border: 2px solid #fff;
    box-shadow: none
}

button.newscomingsoonbtn {
    display: block;
    height: 40px;
    padding: 0 20px;
    background-color: #ccced4;
    font-size: 18px;
    color: #117964;
    border: 1px solid #17a689;
    border-radius: 30px;
    float: right;
    position: absolute;
    top: 5px;
    right: 5px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

button.newscomingsoonbtn span {
    font-size: 16px;
    position: relative;
    top: -2px
}

button.newscomingsoonbtn:hover,
button.newscomingsoonbtn:focus {
    color: #fff;
    outline: 0
}

.countdown-rtl {
    direction: rtl
}

.countdown-holding span {
    color: #888
}

.countdown-row {
    clear: both;
    width: 100%;
    padding: 0 2px;
    text-align: center
}

.countdown-show1 .countdown-section {
    width: 98%
}

.countdown-show2 .countdown-section {
    width: 48%
}

.countdown-show3 .countdown-section {
    width: 32.5%
}

.countdown-show4 .countdown-section {
    width: 24.5%
}

.countdown-show5 .countdown-section {
    width: 19.5%
}

.countdown-show6 .countdown-section {
    width: 16.25%
}

.countdown-show7 .countdown-section {
    width: 14%
}

.countdown-section {
    display: block;
    float: left;
    font-size: 100%;
    text-align: center
}

@media (min-width: 480px) {
    .countdown-section {
        font-size: 130%
    }
}

@media (min-width: 992px) {
    .countdown-section {
        font-size: 175%
    }
}

.countdown-amount {
    font-size: 200%
}

.countdown-section:nth-child(2) .countdown-amount:after {
    content: ':';
    position: relative;
    left: 40px
}

.countdown-section:nth-child(3) .countdown-amount:after {
    content: ':';
    position: relative;
    left: 40px
}

.countdown-period {
    font-size: 60%;
    display: block
}

.countdown-descr {
    display: block;
    width: 100%
}

.newscmscontainer {
    max-width: 400px
}

.timercontainer {
    max-width: 600px
}

.middletimer {
    text-align: center;
    position: absolute;
    top: 5%;
    transform: none;
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0
}

@media (min-width: 992px) {
    .middletimer {
        top: 50%;
        transform: translateY(-50%)
    }
}

ul.searchresults {
    list-style-type: circle;
    list-style-position: inside;
    font-size: 25px;
    color: #999
}

ul.searchresults li {
    margin-bottom: 40px;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef
}

ul.searchresults li h3 {
    font-family: 'proxima_nova_rgregular';
    margin-bottom: 0;
    font-size: 22px;
    color: #333
}

ul.searchresults li div {
    display: block;
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    padding-left: 25px;
    white-space: nowrap
}

ul.searchresults li p {
    font-size: 14px;
    padding-left: 25px;
    color: #333
}

ul.searchresults.nobullets {
    list-style-type: none
}

ul.searchresults.nobullets div,
ul.searchresults.nobullets p {
    padding-left: 0
}

#twitter-feed {
    width: 100%;
    margin: auto;
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    margin-top: -12px;
    border-radius: 12px;
    color: #666;
    overflow: auto
}

#twitter-feed h1 {
    color: #5F5F5F;
    margin: 0;
    padding: 9px 0;
    font-size: 18px;
    font-weight: lighter
}

.twitter-article,
#loading-container {
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
    float: left;
    padding: 15px 0
}

#loading-container {
    padding: 16px 0;
    text-align: center
}

.twitter-pic {
    float: left;
    margin-top: 5px
}

.twitter-pic img {
    float: left;
    border: none
}

img {
    border: none
}

.twitter-text p {
    margin: 0
}

.twitter-text a,
h1 a {
    color: #000;
    text-decoration: none;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    transition: .2s
}

.twitter-text a:hover,
h1 a:hover {
    text-decoration: none;
    color: #E84634
}

.tweetbold {
    font-weight: 400
}

a.tweetbold {
    color: #999
}

a:hover.tweetbold {
    color: #ccced4
}

.twitter-text {
    width: calc(100% - 60px);
    float: right
}

.tweet-time {
    font-size: 10px;
    color: #878787;
    float: right
}

.tweet-time a,
.tweet-time a:hover {
    color: #878787
}

.backlink {
    font-size: 11px;
    text-align: center
}

.tweetprofilelink a {
    color: #ccc
}

.tweetprofilelink a:hover {
    color: #ccced4
}

.backlink a {
    color: #aaa
}

.footer.white .twitter-article,
.footer.white #loading-container {
    width: 100%;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    float: left;
    padding: 15px 0
}

.greenishCover {
    position: absolute;
    height: 100%;
    width: 100%;
    overflow: hidden
}

.height.greenishCover div {
    position: relative;
    height: 100%;
    width: 10100%;
    left: -5000%;
    text-align: center
}

.height.greenishCover img {
    display: inline;
    height: 100%;
    margin-top: 0!important
}

.height.left.greenishCover div {
    position: absolute;
    left: 0;
    text-align: left
}

.height.right.greenishCover div {
    position: absolute;
    right: 0;
    left: auto;
    text-align: right
}

.width.greenishCover div {
    position: relative;
    width: 100%;
    top: 50%
}

.width.greenishCover img {
    display: block;
    width: 100%
}

.width.top.greenishCover div {
    position: absolute;
    top: 0
}

.width.top.greenishCover img {
    margin-top: 0!important
}

.width.bottom.greenishCover div {
    position: absolute;
    bottom: 0
}

.width.bottom.greenishCover img {
    margin-top: 0!important;
    position: absolute;
    bottom: 0
}

pre {
    padding: 0 3px 2px;
    font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
    color: #333;
    display: block;
    padding: 9.5px;
    margin: 0 0 30px!important;
    font-size: 13px;
    line-height: 20px;
    word-break: break-all;
    word-wrap: break-word;
    white-space: pre;
    white-space: pre-wrap;
    border: 0 solid #ccc!important;
    border: 0 solid rgba(0, 0, 0, 0.15)!important;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

pre.prettyprint {
    margin-bottom: 20px;
    background: #f7f7f9
}

.pre-scrollable {
    max-height: 340px;
    overflow-y: scroll
}

.com {
    color: #999
}

.lit {
    color: #195f91
}

.pun,
.opn,
.clo {
    color: #93a1a1
}

.fun {
    color: #dc322f
}

.str,
.atv {
    color: #D44950
}

.kwd,
.prettyprint .tag {
    color: #2F6F9F
}

.typ,
.atn,
.dec,
.var {
    color: #4F9FCF
}

.pln {
    color: #333
}

.prettyprint {
    padding: 10px 15px;
    background-color: #FFF;
    border: 1px solid #e1e1e8
}

.prettyprint.linenums {
    -webkit-box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #fbfbfc;
    box-shadow: inset 40px 0 0 #fbfbfc, inset 41px 0 0 #fbfbfc
}

ol.linenums {
    margin: 0 0 0 -12px
}

ol.linenums li {
    padding-left: 12px;
    color: #bebec5;
    line-height: 20px;
    list-style: decimal
}

.bs-docs-example {
    position: relative;
    margin: 15px 0;
    padding: 39px 19px 14px;
    background-color: #fff;
    border: 1px solid #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.bs-docs-example::after {
    content: "Example";
    position: absolute;
    top: -1px;
    left: -1px;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 700;
    background-color: #f5f5f5;
    color: #9DA0A4;
    -webkit-border-radius: 4px 0 4px 0;
    -moz-border-radius: 4px 0;
    border-radius: 4px 0 4px 0
}

.prettyprint + .bs-docs-example,
.bs-docs-example + .prettyprint {
    margin-top: -20px!important;
    padding-top: 15px;
    border-top-right-radius: 0;
    border-top-left-radius: 0
}

.prettyprint.linenums + div.zero-clipboard {
    height: 26px;
    width: 120px;
    background: #f7f7f9;
    float: right;
    margin-top: -56px;
    margin-bottom: 56px;
    text-align: center;
    padding: 5px 15px;
    border-radius: 4px 0 4px 0;
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    color: #DDD;
    font-size: 10px;
    text-transform: uppercase;
    cursor: pointer;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.prettyprint.linenums + div.zero-clipboard:hover {
    background: #fff;
    color: #666
}

.ex-toggle {
    display: block;
    background: #fcfcfc;
    border: 1px solid #efefef;
    float: right;
    margin-top: 0;
    padding: 5px 15px;
    text-transform: uppercase;
    font-size: 10px;
    color: #999;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.ex-toggle:hover {
    background: #ccced4;
    border: 1px solid #ccced4;
    color: #fff;
    cursor: pointer
}

.ex-toggle.active {
    background: #ccced4;
    border: 1px solid #ccced4;
    color: #fff;
    cursor: pointer
}

.clip_button.zeroclipboard-is-hover {
    color: #222!important;
    background-color: #fff!important
}

.clip_button.zeroclipboard-is-active {
    color: #222!important;
    background-color: #fff!important;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3) inset!important
}

.timeline {
    position: relative;
    padding: 4px 0 0;
    margin-top: 22px;
    list-style: none
}

.timeline > li:nth-child(even) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    right: -100px
}

.timeline > li:nth-child(odd) {
    position: relative;
    margin-bottom: 50px;
    height: 180px;
    left: -100px
}

.timeline > li:before,
.timeline > li:after {
    content: " ";
    display: table
}

.timeline > li:after {
    clear: both;
    min-height: 170px
}

.timeline > li .timeline-panel {
    position: relative;
    float: left;
    width: 30%;
    padding: 0 20px 20px 30px;
    text-align: right;
    margin-left: auto
}

.timeline > li.timeline-inverted > .timeline-panel {
    margin-right: auto
}

@media (min-width: 1200px) {
    .timeline > li .timeline-panel {
        margin-left: 70px;
        background-color: #fcfcfc
    }
    .timeline > li.timeline-inverted > .timeline-panel {
        margin-right: 70px
    }
}

.timeline > li .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
}

.timeline > li .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
}

.timeline > li .timeline-image {
    z-index: 100;
    position: absolute;
    left: 50%;
    border-radius: 100%;
    background-color: #efefef;
    width: 200px;
    height: 200px;
    margin-left: -100px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-filter: grayscale(20%);
    -moz-filter: grayscale(20%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(20%);
    cursor: pointer
}

.timeline > li .timeline-image:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%)
}

.timeline > li .timeline-image h4 {
    margin-top: 12px;
    font-size: 10px;
    line-height: 14px
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 30px 20px 20px;
    text-align: left;
    background-color: #fcfcfc
}

.timeline > li.timeline-inverted > .timeline-panel:before {
    right: auto;
    left: -15px;
    border-right-width: 15px;
    border-left-width: 0
}

.timeline > li.timeline-inverted > .timeline-panel:after {
    right: auto;
    left: -14px;
    border-right-width: 14px;
    border-left-width: 0
}

.timeline > li:last-child {
    margin-bottom: 0
}

.timeline .timeline-heading h4 {
    margin-top: 22px;
    margin-bottom: 4px;
    padding: 0;
    color: #b3b3b3;
    font-size: 14px
}

.timeline .timeline-heading h4.subheading {
    margin: 0;
    padding: 0;
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase;
    font-size: 20px;
    color: #333;
    margin-bottom: 20px
}

.timeline .timeline-body > p,
.timeline .timeline-body > ul {
    margin-bottom: 0;
    color: gray
}

.timeline > li:nth-child(odd) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 690px;
    width: 4px;
    height: 340px;
    background-color: #efefef;
    -ms-transform: rotate(-44deg);
    -webkit-transform: rotate(-44deg);
    transform: rotate(-44deg)
}

.timeline > li:nth-child(even) .line:before {
    content: "";
    position: absolute;
    top: 60px;
    bottom: 0;
    left: 450px;
    width: 4px;
    height: 340px;
    background-color: #efefef;
    -ms-transform: rotate(44deg);
    -webkit-transform: rotate(44deg);
    transform: rotate(44deg)
}

@media (min-width: 992px) and (max-width: 1199px) {
    .timeline > li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .timeline > li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0
    }
    .timeline > li:nth-child(odd) .timeline-image {
        left: 690px;
        margin-left: 0
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 76%;
        padding: 0 0 20px;
        text-align: left
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px;
        text-align: right
    }
    .timeline > li .line {
        display: none
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .percent20 {
        width: 30%;
        display: inline-block
    }
    .percent20 img {
        max-width: 100%
    }
    .timeline > li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .timeline > li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0
    }
    .timeline > li:nth-child(odd) .timeline-image {
        left: 520px;
        margin-left: 0
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 70%;
        padding: 0 0 20px;
        text-align: left
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 70%;
        padding: 0 0 20px;
        text-align: right
    }
    .timeline > li .line {
        display: none
    }
}

#links {
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    margin: 0;
    margin-top: -300px
}

@media only screen and (max-width: 767px) {
    #links {
        margin-top: -280px
    }
    .percent20 {
        width: auto;
        display: inline-block
    }
    .percent20 img {
        max-width: 140px
    }
    .timeline > li:nth-child(even) {
        margin-bottom: 0;
        min-height: 0;
        right: 0
    }
    .timeline > li:nth-child(odd) {
        margin-bottom: 0;
        min-height: 0;
        left: 0
    }
    .timeline > li .timeline-image {
        position: static;
        width: 150px;
        height: 150px;
        margin-bottom: 0
    }
    .timeline > li:nth-child(even) .timeline-image {
        left: 0;
        margin-left: 0
    }
    .timeline > li:nth-child(odd) .timeline-image {
        float: right;
        left: 0;
        margin-left: 0
    }
    .timeline > li:nth-child(even) .timeline-panel {
        width: 100%;
        padding: 0 0 20px 14px
    }
    .timeline > li:nth-child(odd) .timeline-panel {
        width: 100%;
        padding: 0 14px 20px 0
    }
    .timeline > li .line {
        display: none
    }
}

.nav-section {
    position: fixed;
    top: 0;
    background: #fff;
    width: 100%;
    display: block;
    border-bottom: 1px solid #efefef;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}

.nav-section ul.new-nav {
    float: none;
    display: block;
    margin: 0 auto;
    text-align: center
}

.nav-section ul.new-nav li {
    display: inline-block;
    padding: 40px 20px;
    cursor: pointer
}

.nav-section ul.new-nav li a {
    color: #666;
    text-transform: uppercase
}

.nav-section ul.new-nav li:hover a {
    color: #ccced4
}

.dropp {
    position: fixed;
    left: 0;
    background: #fcfcfc;
    padding-top: 20px;
    margin-top: -1000px;
    display: block;
    width: 100%;
    height: auto;
    z-index: 300;
    overflow: hidden;
    -webkit-animation: slowbounce-back .3s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: slowbounce-back .3s 1;
    -moz-animation-fill-mode: forwards;
    animation: slowbounce-back .3s 1;
    animation-fill-mode: forwards
}

.dropp .slide-1 {
    display: none;
    height: 300px
}

.dropp .slide-2,
.dropp .slide-3,
.dropp .slide-4,
.dropp .slide-5 {
    display: none;
    margin-left: 100%
}

.dropp .slide-1.active,
.dropp .slide-2.active,
.dropp .slide-3.active,
.dropp .slide-4.active,
.dropp .slide-5.active {
    display: block
}

.dropp.active {
    -webkit-animation: slowbounce .5s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: slowbounce .5s 1;
    -moz-animation-fill-mode: forwards;
    animation: slowbounce .5s 1;
    animation-fill-mode: forwards
}

@-webkit-keyframes slowbounce {
    0% {
        margin-top: -1000px
    }
    50% {
        margin-top: 60px
    }
    100% {
        margin-top: 40px
    }
}

@-moz-keyframes slowbounce {
    0% {
        margin-top: -1000px
    }
    50% {
        margin-top: 60px
    }
    100% {
        margin-top: 40px
    }
}

@keyframes slowbounce {
    0% {
        margin-top: -1000px
    }
    50% {
        margin-top: 60px
    }
    100% {
        margin-top: 40px
    }
}

@-webkit-keyframes slowbounce-back {
    0% {
        margin-top: 40px
    }
    100% {
        margin-top: -1000px
    }
}

@-moz-keyframes slowbounce-back {
    0% {
        margin-top: 40px
    }
    100% {
        margin-top: -1000px
    }
}

@keyframes slowbounce-back {
    0% {
        margin-top: 40px
    }
    100% {
        margin-top: -1000px
    }
}

.blackscreen {
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    position: fixed;
    z-index: 200;
    opacity: 0;
    display: none
}

.fwcontent {
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    z-index: 100;
    overflow-x: hidden;
    overflow-y: visible;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.fwcontent.active {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

@-webkit-keyframes bouncee {
    0% {
        -webkit-transform: scale(1, 1)
    }
    25% {
        -webkit-transform: scale(0.8, 0.8)
    }
    50% {
        -webkit-transform: scale(0.95, 0.95)
    }
    75% {
        -webkit-transform: scale(0.85, 0.85)
    }
    100% {
        -webkit-transform: scale(0.9, 0.9)
    }
}

@keyframes bouncee {
    0% {
        transform: scale(1, 1)
    }
    25% {
        transform: scale(0.8, 0.8)
    }
    50% {
        transform: scale(0.95, 0.95)
    }
    75% {
        transform: scale(0.85, 0.85)
    }
    100% {
        transform: scale(0.9, 0.9)
    }
}

.nnhover {
    height: 3px;
    width: 70px;
    background: #e6e7e8;
    position: absolute;
    bottom: 0;
    margin-bottom: -1px
}

.social2 {
    position: absolute;
    top: 50%;
    right: 30px;
    transform: translateY(-50%);
    display: block
}

.social2 a {
    float: right;
    text-align: right;
    color: #999;
    margin-right: 15px;
    padding: 0
}

.social2 a:hover {
    color: #222
}

.wrapper {
    height: 100%!important;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.main {
    float: left;
    width: 100%;
    margin: 0 auto
}

.main section {
    width: 100%;
    overflow: hidden
}

.main section.page1 {
    background: #fff
}

.main section.page2 {
    background: #fff
}

.main section.page3 {
    background: #fff
}

.main section.page4 {
    background: #fff
}

.main section.page5 {
    background: #222
}

.onepage-wrapper {
    width: 100%;
    height: 100%;
    display: block;
    position: relative;
    padding: 0;
    -webkit-transform-style: preserve-3d
}

.onepage-wrapper .section {
    width: 100%;
    height: auto
}

@media (min-width: 992px) {
    .onepage-wrapper .section {
        height: 100%
    }
}

.onepage-pagination {
    position: absolute;
    right: 10px;
    top: 50%;
    z-index: 10000;
    list-style: none;
    margin: 0;
    padding: 0
}

.onepage-pagination li {
    padding: 0;
    text-align: center
}

.onepage-pagination li a {
    padding: 10px;
    width: 4px;
    height: 4px;
    display: block
}

.onepage-pagination li a:before {
    content: '';
    position: absolute;
    width: 4px;
    height: 4px;
    background: #666;
    background: #969696;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px
}

.onepage-pagination li a.active:before {
    width: 10px;
    height: 10px;
    background: none;
    border: 1px solid #666;
    border: 1px solid #969696;
    margin-top: -4px;
    left: 8px
}

.disabled-onepage-scroll,
.disabled-onepage-scroll .wrapper {
    overflow: auto
}

.disabled-onepage-scroll .onepage-wrapper .section {
    position: relative!important;
    top: auto!important;
    left: auto!important
}

.disabled-onepage-scroll .onepage-wrapper {
    -webkit-transform: none!important;
    -moz-transform: none!important;
    transform: none!important;
    -ms-transform: none!important;
    min-height: 100%
}

.disabled-onepage-scroll .onepage-pagination {
    display: none
}

body.disabled-onepage-scroll,
.disabled-onepage-scroll .onepage-wrapper,
html {
    position: inherit
}

.socialhvsquares ul {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center
}

.socialhvsquares ul li {
    display: block;
    float: left;
    width: 33.333%;
    color: #fff;
    font-size: 30px;
    padding: 60px 20px;
    background: rgba(0, 0, 0, 0.1);
    border-top: 1px solid rgba(0, 0, 0, 0);
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.socialhvsquares ul li p {
    display: inline;
    margin-left: 20px;
    position: relative;
    top: -5px;
    font-size: 14px;
    text-transform: uppercase
}

.socialhvsquares ul li a {
    color: #fff;
    text-decoration: none
}

.socialhvsquares ul li:hover {
    color: #e6e7e8;
    cursor: pointer
}

.socialhvsquares ul li:hover.twitter {
    border-top: 1px solid #6cf
}

.socialhvsquares ul li:hover.twitter a {
    color: #6cf;
    text-decoration: none
}

.socialhvsquares ul li:hover.dribbble {
    border-top: 1px solid #f39
}

.socialhvsquares ul li:hover.dribbble a {
    color: #f39;
    text-decoration: none
}

.socialhvsquares ul li:hover.facebook {
    border-top: 1px solid #36c
}

.socialhvsquares ul li:hover.facebook a {
    color: #36c;
    text-decoration: none
}

.v-align {
    position: relative;
    top: auto;
    transform: none;
    padding: 50px 0;
    transform: translateY(0)
}

@media (min-width: 992px) {
    .v-align {
        top: 50%;
        transform: translateY(-50%)
    }
}

#sectionfacts-c .prlx-sectionfacts2 {
    background: url(../images/bg3.jpg) #1c1211 50% 0 no-repeat;
    height: 1291px;
    width: 100%;
    position: absolute;
    top: 0
}

@media (min-width: 992px) {
    #sectionfacts-c .prlx-sectionfacts2 {
        background: url(../images/bg3.jpg) #1c1211 50% -820px no-repeat
    }
}

.onepage-nav {
    display: none
}

@media (min-width: 992px) {
    .onepage-nav {
        display: block
    }
}

.op-hb {
    display: block;
    position: fixed;
    bottom: 0;
    right: 0;
    z-index: 10000
}

@media (min-width: 992px) {
    .op-hb {
        display: none
    }
}

.op-hb .hide-show-button2 {
    background: #fff;
    border: 1px solid #efefef;
    border-radius: 0;
    height: 50px;
    width: 50px
}

.op-hb .op-hb-drop {
    position: fixed;
    background: #fff;
    width: 180px;
    height: 320px;
    bottom: 50px;
    right: 0;
    padding: 50px;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.07)
}

.op-hb .op-hb-drop ul li a {
    display: block;
    color: #333;
    padding: 10px 0;
    font-weight: 700;
    margin-left: 200px
}

.op-hb .op-hb-drop ul li a:hover,
.op-hb .op-hb-drop ul li a:focus {
    color: #e6e7e8;
    text-decoration: none
}

.leftsidemenu {
    position: relative;
    height: 600px
}

@media (min-width: 992px) {
    .leftsidemenu {
        position: fixed;
        height: 100%
    }
}

.leftsidemenu ul.menu li {
    font-size: 24px;
    font-family: "proxima_novalight";
    line-height: 35px;
    text-transform: uppercase;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

.leftsidemenu ul.menu li a {
    color: #999
}

.leftsidemenu ul.menu li a:hover,
.leftsidemenu ul.menu li a:focus {
    text-decoration: none
}

.leftsidemenu ul.menu li a:hover p.rotate,
.leftsidemenu ul.menu li a:focus p.rotate {
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    right: 30px;
    bottom: -5px;
    margin-left: -50px;
    padding-left: 4px;
    line-height: 20x;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    transform-origin: 50% 50%
}

.leftsidemenu ul.menu li a:hover p.arrow,
.leftsidemenu ul.menu li a:focus p.arrow {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #222;
    position: relative;
    float: right;
    right: 37px;
    bottom: -15px
}

.leftsidemenu ul.menu li a p.rotate {
    width: 20px;
    height: 20px;
    position: relative;
    float: right;
    right: 30px;
    bottom: -5px;
    margin-left: -50px;
    padding-left: 4px;
    line-height: 20px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: 50% 50%;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.leftsidemenu ul.menu li a p.arrow {
    width: 0;
    height: 0;
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 3px solid #ccc;
    position: relative;
    float: right;
    right: 37px;
    bottom: -15px
}

.leftsidemenu ul.menu li a.active {
    color: #222
}

.leftsidemenu ul.menu li:hover a {
    color: #222
}

.leftsidemenu ul.menu li ul.side li a {
    display: block;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 15px;
    color: #999;
    text-transform: capitalize;
    background: #fff;
    padding: 10px 100px;
    white-space: nowrap
}

.leftsidemenu ul.menu li ul.side li a:hover {
    color: #222
}

.leftsidemenu ul.menu li ul.side {
    display: none;
    position: relative;
    left: auto;
    margin-top: 0;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    text-align: center;
    box-shadow: 0 0 0 rgba(0, 0, 0, 0)
}

.leftsidemenu ul.menu li:hover ul.side {
    display: block;
    position: relative
}

.leftsidemenu ul.menu li:hover ul.side li a {
    color: #999
}

.leftsidemenu ul.menu li:hover ul.side li a:hover {
    color: #222
}

@media (min-width: 992px) {
    .leftsidemenu ul.menu li ul.side li a {
        display: block;
        font-family: 'Open Sans';
        font-size: 14px;
        line-height: 15px;
        color: #999;
        text-transform: capitalize;
        background: #fff;
        padding: 10px 100px;
        white-space: nowrap
    }
    .leftsidemenu ul.menu li ul.side li a:hover {
        color: #222
    }
    .leftsidemenu ul.menu li ul.side {
        display: none;
        position: absolute;
        left: calc(100% - 10px);
        margin-top: -35px;
        -webkit-transition: .5s;
        -moz-transition: .5s;
        -ms-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
        overflow: hidden;
        text-align: left;
        box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2)
    }
    .leftsidemenu ul.menu li:hover ul.side li a {
        color: #999
    }
    .leftsidemenu ul.menu li:hover ul.side li a:hover {
        color: #222
    }
    .leftsidemenu ul.menu li:hover ul.side {
        display: block;
        position: absolute
    }
}

.leftsidemenu ul.menu li ul.toggle li a {
    display: block;
    font-family: 'Open Sans';
    font-size: 14px;
    line-height: 14px;
    color: #999;
    text-transform: capitalize;
    background: #fff;
    padding: 7px 20px;
    white-space: nowrap
}

.leftsidemenu ul.menu li ul.toggle li a:hover {
    color: #222
}

.leftsidemenu ul.menu li ul.toggle {
    position: relative;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s;
    overflow: hidden;
    margin-bottom: 0!important
}

.leftsidemenu ul.social {
    width: 87px;
    position: absolute;
    bottom: 80px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto
}

.leftsidemenu ul.social li {
    float: left;
    margin-left: 1.5px;
    margin-right: 1.5px;
    margin-top: 3px
}

.leftsidemenu ul.social li a {
    width: 40px;
    height: 40px;
    display: block;
    padding: 9px;
    border: 1px solid #efefef;
    color: #999;
    border-radius: 50px
}

.leftsidemenu ul.social li a:hover {
    color: #333
}

.leftsidemenu .copyr {
    width: 100px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    color: #ccc
}

.leftsidemenu .copyr a {
    color: #ccc
}

.leftsidemenu .copyr a:hover {
    color: #666
}

body.font-georgia {
    font-family: Georgia
}

body.font-georgia .mainmenu {
    font-family: Georgia
}

.font-anonymous {
    font-family: 'Anonymous Pro'
}

#photography {
    overflow: hidden;
    width: 100%
}

#photography input {
    color: #999;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #666
}

#photography input:focus {
    color: #dbb788
}

#photography textarea {
    color: #999;
    background: transparent;
    border: 0;
    box-shadow: none;
    border-bottom: 1px solid #666
}

#photography textarea:focus {
    color: #dbb788
}

.coverphotography {
    width: 100%;
    position: absolute;
    top: 0
}

.coverphotography img {
    width: 100%
}

.txt-size {
    font-size: 24px
}

@media (min-width: 992px) {
    .txt-size {
        font-size: 16px
    }
}

@media (min-width: 1400px) {
    .txt-size {
        font-size: 20px
    }
}

@media (min-width: 1600px) {
    .txt-size {
        font-size: 22px
    }
}

@media (min-width: 1800px) {
    .txt-size {
        font-size: 24px
    }
}

.pdd-size {
    padding-left: 70px;
    padding-right: 70px
}

@media (min-width: 480px) {
    .pdd-size {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 768px) {
    .pdd-size {
        padding-left: 70px;
        padding-right: 70px
    }
}

@media (min-width: 992px) {
    .pdd-size {
        padding-left: 20px;
        padding-right: 20px
    }
}

@media (min-width: 1400px) {
    .pdd-size {
        padding-left: 50px;
        padding-right: 50px
    }
}

@media (min-width: 1600px) {
    .pdd-size {
        padding-left: 70px;
        padding-right: 50px
    }
}

@media (min-width: 1800px) {
    .pdd-size {
        padding-left: 70px;
        padding-right: 70px
    }
}

.fixedtop {
    position: fixed;
    top: 0;
    padding: 50px
}

.photocover1 {
    background: url(../images/covers/photo01.jpg) center center;
    background-size: cover
}

.photocover2 {
    background: url(../images/covers/photo02.jpg) center center;
    background-size: cover
}

.photocover3 {
    background: url(../images/covers/photo03.jpg) center center;
    background-size: cover
}

.photocover4 {
    background: url(../images/covers/photo04.jpg) center center;
    background-size: cover
}

.photocover5 {
    background: url(../images/covers/photo05.jpg) center center;
    background-size: cover
}

.photo-hover {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.photo-hover:hover {
    -ms-transform: scale(0.9, 0.9);
    -webkit-transform: scale(0.9, 0.9);
    transform: scale(0.9, 0.9)
}

.photographer-name {
    width: 100%;
    position: absolute;
    bottom: 0;
    text-align: center;
    font-family: 'Anonymous Pro';
    padding-bottom: 60px
}

.photographer-name p:first-child {
    font-size: 100px
}

.photographer-name p:nth-child(2) {
    font-size: 24px;
    color: #dbb787;
    text-transform: uppercase;
    letter-spacing: 20px
}

.pcolor {
    color: #dbb788
}

.photobg01 {
    background: #dbb788
}

.photobg02 {
    background: #bf847a
}

.bg-fb {
    background: #4d6c7e
}

.bg-tw {
    background: #84bfc6
}

.bg-gp {
    background: #bf847a
}

.progress-about.slim2 {
    height: 3px;
    background-color: #666!important
}

.progress-about.slim2 .progress-bar {
    background-color: #d7b385
}

.createlightbox {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    width: 100%;
    height: 920px;
    display: none;
    position: fixed;
    z-index: 10000;
    opacity: 0
}

img.max-wh-90 {
    max-width: 90%;
    max-height: 90%
}

.slim-right-menu {
    display: block;
    height: 100%;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 100000
}

.slim-right-menu .rm-stage1 {
    width: 60px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    z-index: 1030;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-right-menu .rm-stage1 .open-stage1 {
    display: block;
    height: 60px;
    width: 60px;
    border-bottom: 1px solid #fcfcfc;
    position: relative;
    cursor: pointer
}

.slim-right-menu .rm-stage1 .open-stage1 i {
    display: block;
    font-size: 24px;
    color: #ccc;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-right-menu .rm-stage1 .open-stage1:hover {
    background: #fcfcfc
}

.slim-right-menu .rm-stage1 .open-stage1:hover i {
    color: #333
}

.slim-right-menu .rm-stage1 .open-stage1.active {
    background: #fcfcfc
}

.slim-right-menu .rm-stage2 {
    width: 100px;
    height: 100%;
    background: #fcfcfc;
    position: absolute;
    right: -100px;
    z-index: 1000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-right-menu .rm-stage2.active {
    right: 60px
}

.slim-right-menu .rm-stage2.active2 {
    right: 210px
}

.slim-right-menu .rm-stage3 {
    width: 150px;
    height: 100%;
    background: #eee;
    position: absolute;
    right: -90px;
    z-index: 1010;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-right-menu .rm-stage3.active {
    right: 60px
}

.slim-right-menu .rm-stage3 ul.menu-st3 li ul {
    display: block;
    text-align: center;
    margin-top: 125px
}

.slim-right-menu .rm-stage3 ul.menu-st3 li ul li a {
    display: block;
    color: #999;
    font-weight: 700;
    padding: 7px 0
}

.slim-right-menu .rm-stage3 ul.menu-st3 li ul li a:hover {
    color: #333
}

.slim-right-menu ul.menu-st2 {
    margin-top: 60px
}

.slim-right-menu ul.menu-st2 li {
    text-align: center;
    text-transform: uppercase;
    font-family: "open sans";
    font-weight: 700
}

.slim-right-menu ul.menu-st2 li a {
    display: block;
    height: 100px;
    padding-top: 10px;
    color: #ccc;
    cursor: pointer
}

.slim-right-menu ul.menu-st2 li a i {
    font-size: 40px;
    display: block
}

.slim-right-menu ul.menu-st2 li a:hover {
    color: #333
}

.slim-right-menu ul.menu-st2 li a.active {
    background: #eee;
    color: #444
}

.slim-left-menu {
    display: block;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 100000
}

.slim-left-menu .rm-stage1 {
    width: 60px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    z-index: 1030;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-left-menu .rm-stage1 .open-stage1 {
    display: block;
    height: 60px;
    width: 60px;
    border-bottom: 1px solid #fcfcfc;
    position: relative;
    cursor: pointer
}

.slim-left-menu .rm-stage1 .open-stage1 i {
    display: block;
    font-size: 24px;
    color: #ccc;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-left-menu .rm-stage1 .open-stage1:hover {
    background: #fcfcfc
}

.slim-left-menu .rm-stage1 .open-stage1:hover i {
    color: #333
}

.slim-left-menu .rm-stage1 .open-stage1.active {
    background: #fcfcfc
}

.slim-left-menu .rm-stage2 {
    width: 100px;
    height: 100%;
    background: #fcfcfc;
    position: absolute;
    left: -100px;
    z-index: 1000;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-left-menu .rm-stage2.active {
    left: 60px
}

.slim-left-menu .rm-stage2.active2 {
    left: 210px
}

.slim-left-menu .rm-stage3 {
    width: 150px;
    height: 100%;
    background: #eee;
    position: absolute;
    left: -90px;
    z-index: 1010;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.slim-left-menu .rm-stage3.active {
    left: 60px
}

.slim-left-menu .rm-stage3 ul.menu-st3 li ul {
    display: block;
    text-align: center;
    margin-top: 125px
}

.slim-left-menu .rm-stage3 ul.menu-st3 li ul li a {
    display: block;
    color: #999;
    font-weight: 700;
    padding: 7px 0
}

.slim-left-menu .rm-stage3 ul.menu-st3 li ul li a:hover {
    color: #333
}

.slim-left-menu ul.menu-st2 {
    margin-top: 60px
}

.slim-left-menu ul.menu-st2 li {
    text-align: center;
    text-transform: uppercase;
    font-family: "open sans";
    font-weight: 700
}

.slim-left-menu ul.menu-st2 li a {
    display: block;
    height: 100px;
    padding-top: 10px;
    color: #ccc;
    cursor: pointer
}

.slim-left-menu ul.menu-st2 li a i {
    font-size: 40px;
    display: block
}

.slim-left-menu ul.menu-st2 li a:hover {
    color: #333
}

.slim-left-menu ul.menu-st2 li a.active {
    background: #eee;
    color: #444
}

.flip-vertical {
    width: 200px;
    transform: rotate(90deg);
    transform-origin: left top 0;
    position: absolute;
    bottom: 200px;
    left: 41px;
    color: #ccc
}

.flip-vertical:hover {
    color: #222
}

.sidetransition {
    width: 50%;
    height: 100%;
    background: #fff;
    display: none;
    position: fixed;
    right: 0;
    z-index: 10000
}

.sidetransition ul {
    font-size: 30px;
    text-transform: uppercase;
    font-family: "proxima_novalight"
}

.sidetransition ul li a {
    display: block;
    width: 100%;
    padding: 20px;
    background: #fff;
    color: #999
}

.sidetransition ul li a:hover {
    color: #222;
    background: #fcfcfc
}

.openmenu {
    background: transparent
}

.grid-height {
    background: #000;
    overflow: hidden;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.grid-height img {
    opacity: .2;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(100%);
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    -ms-transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1)
}

.grid-height h1 {
    font-size: 30px;
    background: #55c7f6;
    float: left;
    clear: left;
    position: absolute;
    bottom: -100px;
    z-index: 100;
    padding: 5px 20px;
    color: #fff;
    -webkit-transition: .6s;
    -moz-transition: .6s;
    -ms-transition: .6s;
    -o-transition: .6s;
    transition: .6s
}

.grid-height p {
    font-size: 14px;
    background: #55c7f6;
    float: left;
    clear: left;
    position: absolute;
    bottom: -100px;
    z-index: 100;
    padding: 5px 20px;
    color: #fff;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.grid-height span {
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0;
    display: block;
    position: absolute;
    z-index: 100
}

.grid-height:hover h1 {
    bottom: 50px
}

.grid-height:hover p {
    bottom: 10px
}

.grid-height:hover span {
    opacity: .5
}

.grid-height:hover img {
    opacity: 1;
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
    filter: grayscale(0%);
    -ms-transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1)
}

#googleMap iframe {
    width: 100%
}

#googleMap {
    height: 100%
}

#googleMap img {
    max-width: none
}

ul.roundsocial li {
    display: inline-block;
    padding: 0 10px
}

ul.roundsocial li a {
    display: block;
    width: 50px;
    height: 50px;
    border: 1px solid #fff;
    border-radius: 100px;
    padding-top: 10px;
    padding-left: 2px;
    font-size: 20px;
    color: #fff
}

ul.roundsocial li a:hover {
    background: #55c7f6;
    border: 1px solid #55c7f6
}

ul.roundsocial li a.gp:hover {
    background: #f69560;
    border: 1px solid #f69560
}

ul.roundsocial li a.tw:hover {
    background: #55c7f6;
    border: 1px solid #55c7f6
}

ul.roundsocial li a.fb:hover {
    background: #2e63a4;
    border: 1px solid #2e63a4
}

.square-flip {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000px;
    -webkit-transform: perspective(1000px);
    -moz-transform: perspective(1000px);
    -ms-transform: perspective(1000px);
    transform: perspective(1000px);
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    border: 0 solid #efefef
}

.square-flip,
.square {
    width: 100%;
    height: 100%
}

.square {
    background: #fff
}

.square-flip .square {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition: .4s;
    -moz-transition: .4s;
    -ms-transition: .4s;
    transition: .4s
}

.square-flip.active .square {
    -webkit-transform: rotateX(-10deg);
    -moz-transform: rotateX(-10deg);
    -o-transform: rotateX(-10deg);
    -ms-transform: rotateX(-10deg);
    transform: rotateX(-10deg);
    margin-top: -100px
}

.heartpos {
    position: fixed;
    bottom: 50px;
    left: 50px;
    font-size: 30px;
    z-index: 1000
}

.effecttrigger i {
    display: block;
    font-size: 18px;
    text-align: center;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.effecttrigger:hover i {
    font-size: 24px;
    margin-left: -3px;
    margin-bottom: -3px
}

.leftsidemenu2 {
    position: relative;
    height: 700px;
    padding: 0
}

@media (min-width: 768px) {
    .leftsidemenu2 {
        height: 750px
    }
}

@media (min-width: 992px) {
    .leftsidemenu2 {
        position: fixed;
        height: 100%;
        padding: 0
    }
}

.leftsidemenu2 .leftcontent {
    padding: 20px
}

@media (min-width: 480px) {
    .leftsidemenu2 .leftcontent {
        padding: 10%
    }
}

@media (min-width: 1200px) {
    .leftsidemenu2 .leftcontent {
        padding: 15%
    }
}

.leftsidemenu2 .leftcontent .usericon {
    display: block;
    overflow: hidden;
    width: 115px;
    height: 115px;
    border-radius: 200px;
    float: right
}

.leftsidemenu2 .leftcontent h1 {
    font-size: 24px;
    color: #999;
    text-align: right;
    margin-top: 30px;
    line-height: 30px
}

.leftsidemenu2 .leftcontent h1 span {
    color: #fff
}

.leftsidemenu2 .leftcontent ul.leftbgmenu {
    margin-top: 10px
}

.leftsidemenu2 .leftcontent ul.leftbgmenu li a {
    display: block;
    color: #999;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
    padding: 20px 0;
    text-align: right;
    text-transform: uppercase
}

.leftsidemenu2 .leftcontent ul.leftbgmenu li a:hover {
    color: #fff
}

.leftsidemenu2 .leftcontent ul.leftbgmenu li.active a {
    color: #fff
}

.cpdd {
    padding: 10px
}

@media (min-width: 480px) {
    .cpdd {
        padding: 20px
    }
}

@media (min-width: 768px) {
    .cpdd {
        padding: 40px
    }
}

.lftsocials {
    position: absolute;
    bottom: 25px;
    right: 20px;
    text-align: right;
    font-size: 20px
}

@media (min-width: 480px) {
    .lftsocials {
        right: 10%
    }
}

@media (min-width: 1200px) {
    .lftsocials {
        right: 15%
    }
}

.lftsocials a {
    color: #999;
    padding-left: 10px
}

.lftsocials a:hover {
    color: #fff
}

#sectionleftbg {
    overflow: hidden
}

.prlx-leftbg {
    background: url(../images/tm17/bg.jpg) #222 100% 0 no-repeat;
    height: 2305px;
    width: 100%;
    position: absolute;
    top: 0
}

.cover-profile {
    background: url(../images/tm17/profile.jpg) center center;
    background-size: cover
}

.btmfooter {
    background: #fff;
    width: 100%;
    padding: 30px 40px 20px;
    border-top: 1px solid #efefef
}

.bggreen3 {
    background: #c3c27c
}

#container {
    z-index: 2;
    width: 76%;
    position: fixed;
    left: 12%;
    margin-left: 20px
}

#page {
    position: relative
}

.top-fold {
    width: 76%;
    position: fixed;
    left: 12%;
    margin-left: 20px;
    z-index: 1
}

.topHalf,
.bottomHalf {
    position: relative;
    display: block;
    z-index: 2;
    width: 100%;
    transition: none;
    overflow: hidden
}

.topHalf {
    z-index: 3!important;
    -ms-transform-origin: top;
    -moz-transform-origin: top;
    -webkit-transform-origin: top;
    transition: -webkit-transform 500ms cubic-bezier(0, 0.45, 1, 0.95), background-color 500ms ease-in;
    position: absolute;
    top: 0;
    transition: none
}

.bottomHalf {
    -ms-transform-origin: bottom;
    -moz-transform-origin: bottom;
    -webkit-transform-origin: bottom;
    transition: -webkit-transform 500ms cubic-bezier(0, 0.45, 1, 0.95), background-color 500ms ease-in;
    position: absolute;
    bottom: 0;
    transition: none
}

.bottomHalf .fold-content {
    top: -100%;
    position: absolute
}

.foldWrapper {
    position: relative;
    vertical-align: top;
    padding: 0;
    width: 100%;
    height: auto;
    z-index: 1;
    display: block;
    overflow: hidden;
    -ms-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -ms-perspective: 1000px;
    -moz-perspective: 1000px;
    -webkit-perspective: 1000px;
    transition: none
}

#footer-top {
    position: fixed;
    width: 100%;
    height: 400px;
    top: 0;
    left: 0;
    display: table;
    background: url(../images/tm18/footer-top.jpg) #040404 center bottom;
    display: none;
    z-index: 3
}

#footer-bottom {
    position: absolute;
    width: 100%;
    height: 400px;
    bottom: 0;
    left: 0;
    display: table;
    background: url(../images/tm18/footer-btm.jpg) #040404 center top;
    z-index: 1000
}

.footer-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #666
}

.footer-aligin-top {
    position: absolute;
    top: 0;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    padding-left: 30px
}

.footer-aligin-top p {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 120px;
    margin-top: 40px
}

.footer-aligin-top ul {
    display: block;
    margin: 0 auto;
    text-align: left;
    width: 120px
}

.footer-aligin-top ul li {
    font-size: 24px;
    line-height: 48px
}

.footer-aligin-top ul li a {
    color: #fff
}

.footer-aligin-top ul li a:hover {
    color: #c3c27c
}

.footer-aligin-bottom {
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    right: 0
}

.footer-aligin-bottom p {
    margin-top: 10px
}

.footer-aligin-bottom #gotop-round {
    margin: 20px
}

.footer-aligin-bottom #gotop-round span {
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-indent: 0;
    width: 42px;
    height: 42px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    padding-top: 7px;
    border-color: #fff
}

.footer-aligin-bottom #gotop-round span i {
    color: #c3c27c
}

.footer-aligin-bottom #gotop-round span:hover {
    opacity: 1;
    -webkit-animation: animix-green .5s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animix-green .5s 1;
    -moz-animation-fill-mode: forwards;
    animation: animix-green .5s 1;
    animation-fill-mode: forwards
}

.footer-aligin-bottom #gotop-round span:hover i {
    color: #fff
}

.logo-fold img {
    width: 150px;
    height: 40px;
    background: url(../images/avision.png) 0 0
}

.logo-fold img.dark {
    width: 150px;
    height: 40px;
    background: url(../images/avision.png) 0 0
}

.logo-fold img.white {
    width: 150px;
    height: 40px;
    background: url(../images/avision.png) 0 -40px
}

.foldgrid-more {
    text-align: center;
    position: absolute;
    top: 35%;
    transform: translateY(-50%);
    margin-right: auto;
    margin-left: auto;
    left: 0;
    right: 0
}

.foldgrid-more span {
    opacity: 1;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-indent: 0;
    width: 42px;
    height: 42px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    padding-top: 7px;
    padding-left: 4px;
    border-color: #fff
}

.foldgrid-more span i {
    color: #fff;
    font-size: 18px;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    transform-origin: 50% 50%;
    display: block
}

.foldgrid-more span:hover {
    opacity: 1
}

.foldgrid-more span:hover i {
    color: #fff
}

.replacetitle {
    position: absolute;
    bottom: 35%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    display: none
}

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

.replacetitle span {
    background: #121212;
    padding: 5px 10px
}

.replacerescription {
    position: absolute;
    bottom: 31%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    width: 100%;
    color: #ccc;
    font-size: 14px;
    display: none
}

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

.replacerescription span {
    background: #121212;
    padding: 5px 10px
}

.slimmenu-left {
    width: 40px;
    height: 100%;
    background: #fff;
    position: fixed;
    z-index: 2;
    left: 0
}

.slimmenu-left ul {
    z-index: 3;
    position: relative
}

.slimmenu-left ul li {
    text-align: center;
    color: #ccc;
    font-size: 10px;
    text-transform: uppercase
}

.slimmenu-left ul li a.normal {
    width: 40px;
    height: 60px;
    padding: 0;
    margin-left: -3px;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    transform-origin: 50% 50%
}

.slimmenu-left ul li a {
    display: block;
    height: 40px;
    width: 72px;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
    transform-origin: 50% 50%;
    padding: 10px 10px 0;
    margin: 0;
    margin-top: 20px;
    margin-left: -17px;
    text-align: center;
    font-size: 12px;
    color: #666;
    cursor: pointer;
    white-space: nowrap
}

.slimmenu-left ul li a:hover {
    color: #333
}

.slimmenu-left ul li a.active {
    color: #c3c27c
}

.slimmenu-fill {
    width: 40px;
    height: 60px;
    background: rgba(0, 0, 0, 0.9);
    position: absolute;
    top: 0;
    z-index: 2
}

.cover-tm18 {
    background: url(../images/tm18/top-slide.jpg) center center;
    background-size: cover
}

.covertm18team {
    background: url(../images/tm18/team.jpg) center center;
    background-size: cover
}

.cover-job.first {
    background: url(../images/tm18/job1.jpg) center center;
    background-size: cover
}

.cover-job.second {
    background: url(../images/tm18/job2.jpg) center center;
    background-size: cover
}

.cover-job.third {
    background: url(../images/tm18/job3.jpg) center center;
    background-size: cover
}

.cover-job a {
    text-indent: -35px;
    color: #fff;
    font-size: 18px;
    font-style: italic
}

.cover-job span {
    opacity: 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-indent: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 2px solid #fff;
    border-radius: 50%;
    background: transparent;
    border-color: transparent
}

.cover-job i {
    font-size: 10px;
    position: relative;
    top: -2px
}

.cover-job:hover a {
    text-indent: 0;
    color: #fff
}

.cover-job:hover span {
    opacity: 1;
    -webkit-animation: animix .5s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animix .5s 1;
    -moz-animation-fill-mode: forwards;
    animation: animix .5s 1;
    animation-fill-mode: forwards
}

@-webkit-keyframes animix {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #fff transparent transparent
    }
    50% {
        border-color: #fff #fff transparent transparent
    }
    75% {
        border-color: #fff #fff #fff transparent
    }
    100% {
        border-color: #fff
    }
}

@-moz-keyframes animix {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #fff transparent transparent
    }
    50% {
        border-color: #fff #fff transparent transparent
    }
    75% {
        border-color: #fff #fff #fff transparent
    }
    100% {
        border-color: #fff
    }
}

@keyframes animix {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #fff transparent transparent
    }
    50% {
        border-color: #fff #fff transparent transparent
    }
    75% {
        border-color: #fff #fff #fff transparent
    }
    100% {
        border-color: #fff
    }
}

@-webkit-keyframes animix-green {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #c3c27c transparent transparent
    }
    50% {
        border-color: #c3c27c #c3c27c transparent transparent
    }
    75% {
        border-color: #c3c27c #c3c27c #c3c27c transparent
    }
    100% {
        border-color: #c3c27c
    }
}

@-moz-keyframes animix-green {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #c3c27c transparent transparent
    }
    50% {
        border-color: #c3c27c #c3c27c transparent transparent
    }
    75% {
        border-color: #c3c27c #c3c27c #c3c27c transparent
    }
    100% {
        border-color: #c3c27c
    }
}

@keyframes animix-green {
    0% {
        border-color: transparent
    }
    25% {
        border-color: #c3c27c transparent transparent
    }
    50% {
        border-color: #c3c27c #c3c27c transparent transparent
    }
    75% {
        border-color: #c3c27c #c3c27c #c3c27c transparent
    }
    100% {
        border-color: #c3c27c
    }
}

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

ul.squares2 li:first-child {
    border-left: 0
}

@media (min-width: 992px) {
    ul.squares2 li:first-child {
        border-left: 1px solid rgba(0, 0, 0, 0.07)
    }
}

ul.squares2 li {
    border-right: 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.07);
    padding-top: 120px;
    padding-bottom: 120px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

@media (min-width: 992px) {
    ul.squares2 li {
        border-right: 1px solid rgba(0, 0, 0, 0.07);
        border-bottom: 0
    }
}

ul.squares2 li i {
    color: #666;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares2 li h4 {
    color: #999;
    margin-bottom: 10px;
    margin-top: 20px;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares2 li a {
    color: #333;
    -webkit-transition: .5s;
    -moz-transition: .5s;
    -ms-transition: .5s;
    -o-transition: .5s;
    transition: .5s
}

ul.squares2 li a:focus {
    text-decoration: none
}

ul.squares2 li:hover {
    cursor: pointer
}

ul.squares2 li:hover i {
    color: #e6e7e8
}

ul.squares2 li:hover a {
    color: #999
}

ul.squares2 li:hover h4 {
    color: #333
}

.tm18-prices {
    text-align: center;
    padding: 65px 50px;
    background: #fcfcfc;
    margin: 0 2px
}

.tm18-prices h1 {
    display: block;
    font-size: 20px;
    font-weight: 700
}

.tm18-prices p {
    margin-top: 25px
}

.tm18-prices span {
    font-size: 78px;
    line-height: 78px;
    margin-top: 28px;
    display: block
}

.tm18-prices i {
    font-size: 24px;
    font-style: normal;
    position: relative;
    top: -30px
}

.tm18-prices div {
    height: 2px;
    background: #efefef;
    margin: 20px 0 40px
}

.tm18-prices ul li {
    height: 20px
}

.tm18-prices button {
    margin-top: 50px
}

.tm18-prices.active {
    background: #c3c27c;
    color: #fff
}

.tm18-prices.active div {
    opacity: .3
}

.tm18-contact-left {
    width: 100%;
    color: #666;
    text-align: center;
    padding: 0 70px;
    border-right: 3px solid #1d1d1d
}

.tm18-contact-left h1 {
    display: block;
    font-size: 20px;
    color: #fff;
    font-weight: 700
}

.tm18-contact-left a {
    color: #c3c27c
}

.tm18-contact-left p {
    margin-top: 30px
}

.tm18-contact-left div {
    height: 2px;
    background: #1d1d1d;
    margin: 60px 0
}

.tm18-contact-right {
    width: 100%;
    padding: 0 70px
}

.tm18-contact-right h1 {
    font-size: 30px;
    line-height: 30px;
    color: #fff;
    text-transform: uppercase
}

.tm18-contact-right p {
    font-size: 18px;
    color: #999;
    margin-top: 25px
}

.tm18-contact-right input {
    background: transparent;
    padding: 25px 0;
    border: 0;
    border-bottom: 2px solid #1d1d1d
}

.tm18-contact-right input:focus {
    box-shadow: none;
    border-color: #333;
    color: #c3c27c
}

.tm18-contact-right input:nth-child(3) {
    width: calc(50% - 10px);
    float: left
}

.tm18-contact-right input:nth-child(4) {
    width: calc(50% - 10px);
    float: right
}

.tm18-contact-right textarea {
    background: transparent;
    border: 0;
    border-bottom: 2px solid #1d1d1d;
    margin-top: 50px;
    padding: 0
}

.tm18-contact-right textarea:focus {
    box-shadow: none;
    border-color: #333;
    color: #c3c27c
}

.fold-size1 {
    height: 1000px
}

@media (min-width: 992px) {
    .fold-size1 {
        height: 500px
    }
}

.fs1-b {
    height: 50%
}

@media (min-width: 992px) {
    .fs1-b {
        height: 100%
    }
}

.fold-size2 {
    height: 1600px
}

@media (min-width: 1200px) {
    .fold-size2 {
        height: 800px
    }
}

.fs2-b {
    height: 800px;
    width: 100%
}

@media (min-width: 1200px) {
    .fs2-b {
        height: 800px;
        width: 50%
    }
}

.fs2-c {
    padding: 20px
}

@media (min-width: 480px) {
    .fs2-c {
        padding: 50px
    }
}

@media (min-width: 768px) {
    .fs2-c {
        padding: 100px
    }
}

.fold-size3 {
    height: 1600px
}

@media (min-width: 992px) {
    .fold-size3 {
        height: 800px
    }
}

.fs3-b {
    margin-top: 160px
}

@media (min-width: 992px) {
    .fs3-b {
        margin-top: 0
    }
}

.fold-size4 {
    height: 1600px
}

@media (min-width: 1200px) {
    .fold-size4 {
        height: 800px
    }
}

.fs4-b {
    margin-top: 260px
}

@media (min-width: 1200px) {
    .fs4-b {
        margin-top: 0
    }
}

.fs4-c {
    margin-top: 0
}

@media (min-width: 1200px) {
    .fs4-c {
        margin-top: 0
    }
}

.fold-mr10 {
    margin-right: 0
}

@media (min-width: 768px) {
    .fold-mr10 {
        margin-right: 10px
    }
}

.fold-ml10 {
    margin-left: 0;
    margin-top: 20px
}

@media (min-width: 768px) {
    .fold-ml10 {
        margin-right: 10px;
        margin-top: 0
    }
}

.fold-bg {
    background: #121212
}

.playbtn {
    background: rgba(195, 194, 124, 0.5);
    padding: 15px
}

.playbtn span {
    color: #fff
}

.playbtn:hover {
    background: #c3c27c
}

.fancyfont {
    font-family: 'proxima_novalight'
}

.backtomenu {
    width: 100px;
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: 10px
}

.topspace {
    margin-top: 50px
}

.fancynav {
    width: 100%;
    height: 140px;
    position: fixed;
    top: 40px;
    overflow: hidden;
    z-index: 100
}

.fancynav .fancylogo {
    display: block;
    position: relative;
    z-index: 10000;
    font-size: 30px;
    text-transform: uppercase
}

.fancynav .fancylogo a {
    color: #fff
}

.fancynav div.fancy-menu ul {
    display: none;
    position: absolute;
    margin: 3px auto;
    left: 0;
    right: 0;
    text-align: center;
    z-index: 1000
}

@media (min-width: 992px) {
    .fancynav div.fancy-menu ul {
        display: block
    }
}

.fancynav div.fancy-menu ul li {
    display: inline-block
}

.fancynav div.fancy-menu ul li a {
    display: block;
    font-family: 'Open Sans';
    font-size: 14px;
    color: #fff;
    padding: 2px 20px;
    text-transform: uppercase
}

.fancynav div.fancy-menu ul li a:hover {
    background: #fff;
    color: #222
}

.fancynav div.fancy-right ul {
    display: block;
    float: right;
    position: absolute;
    right: 0;
    top: -17px;
    z-index: 1000
}

.fancynav div.fancy-right ul li {
    display: inline-block
}

.fancynav div.fancy-right ul li a {
    display: block;
    color: #fff;
    padding: 10px 20px
}

.fancynav div.fancy-right ul li.brgmenu {
    display: inline-block;
    cursor: pointer
}

@media (min-width: 992px) {
    .fancynav div.fancy-right ul li.brgmenu {
        display: none
    }
}

.fancynav div.fancy-right ul li.clsmenu {
    display: none;
    cursor: pointer
}

.fancynav div.fancy-right ul li.opencart {
    cursor: pointer
}

.fancynav .slidingbg {
    width: 100%;
    height: 0;
    background: #fff;
    position: absolute;
    top: 0;
    z-index: 10
}

.fancynav.dark .fancylogo {
    color: #222
}

.fancynav.dark .fancylogo a {
    color: #222
}

.fancynav.dark div.fancy-menu ul li a {
    color: #222
}

.fancynav.dark div.fancy-menu ul li a:hover {
    background: #222;
    color: #fff
}

.fancynav.dark div.fancy-right ul li a {
    color: #222
}

.fancynav.dark div.fancy-right ul li a:hover {
    color: #222
}

.fancy-dropdown {
    color: #000
}

.fancy-dropdown .dropdown {
    display: block;
    opacity: 1;
    margin-top: 0;
    z-index: 100
}

@media (min-width: 992px) {
    .fancy-dropdown .dropdown {
        display: none;
        opacity: 0
    }
}

.fancy-dropdown .dropdown.active {
    display: block
}

.fancy-dropdown .dropdown ul li a {
    font-family: 'Open Sans';
    color: #333
}

.fancy-dropdown .dropdown ul li a[data-toggle="collapse"] {
    color: #222
}

.fancy-dropdown .dropdown ul li div ul li a {
    display: block;
    font-size: 12px;
    color: #666;
    padding: 0 3px
}

.fancy-dropdown .dropdown ul li div ul li a:hover,
.fancy-dropdown .dropdown ul li div ul li a:focus {
    color: #fff;
    background: #222
}

.fancy-dropdown div.line {
    width: 100%;
    height: 1px;
    background: #ccc;
    position: relative;
    z-index: 100;
    margin: 10px 0
}

.fancysmalltop {
    height: 40px;
    background: #111;
    position: fixed;
    width: 100%;
    color: #666;
    z-index: 1000;
    overflow: hidden
}

.fancysmalltop a {
    color: #666
}

.fancysmalltop a:hover,
.fancysmalltop a:focus {
    color: #fff
}

.fancysmalltop span.left {
    padding: 10px
}

.fancysmalltop span.right {
    padding: 10px 12px
}

a.clssearch {
    color: #333
}

a.clssearch:hover,
a.clssearch:focus {
    color: #333
}

a.clssearch span {
    font-size: 24px
}

.searchbox {
    disply: block;
    height: 100px;
    width: 100%;
    background: #fff;
    position: fixed;
    top: -100px;
    z-index: 200
}

.searchbox span.ti-close {
    float: right;
    margin: -35px 20px 0 0
}

.searchbox input.fancysearch {
    display: block;
    width: calc(100% - 100px);
    border: 0;
    box-shadow: none;
    height: 30px;
    margin-top: 40px;
    margin-left: 30px;
    background: transparent;
    border-bottom: 1px solid #333;
    font-size: 18px;
    color: #333
}

.searchbox input.fancysearch:hover,
.searchbox input.fancysearch:focus {
    outline: 0
}

.searchbox input.fancysearch::-webkit-input-placeholder {
    color: #666;
    font-size: 18px
}

.searchbox input.fancysearch::-moz-input-placeholder {
    color: #666;
    font-size: 18px
}

.searchbox input.fancysearch::input-placeholder {
    color: #666;
    font-size: 18px
}

.fancycontent {
    display: block;
    position: relative;
    left: 0
}

.mobilemenu {
    display: none;
    width: 300px;
    max-height: 100%;
    background: #fff;
    position: fixed;
    right: 0;
    top: 0;
    overflow: auto
}

.mobilemenu span.shaddow {
    height: 40px;
    background: #fcfcfc;
    display: block
}

.mobilemenu div.fancy-menu ul li a {
    display: block;
    color: #222;
    padding: 15px 20px;
    border-bottom: 1px solid #efefef;
    font-family: 'proxima_nova_rgbold';
    text-transform: uppercase
}

.mobilemenu div.fancy-menu ul li ul li a {
    color: #666
}

.mobilemenu div.fancy-menu ul li ul li a[aria-expanded="true"] {
    background: #333;
    color: #fff
}

.mobilemenu div.fancy-menu ul li ul li div ul li a {
    background: #f5f5f5;
    padding: 5px 20px;
    border-bottom: 0;
    font-size: 12px
}

.mobilemenu div.fancy-dropdown {
    display: none
}

.sidecart {
    display: none;
    width: 300px;
    height: 100%;
    background: #fff;
    background: url(../images/tm19/cart.jpg) center center no-repeat;
    position: fixed;
    right: 0;
    top: 0;
    font-family: 'proxima_novalight'
}

.sidecart span.shaddow {
    height: 40px;
    background: #fcfcfc;
    display: block
}

.sidecart a.cart-btn {
    display: block;
    width: calc(100% - 100px);
    background: #333;
    padding: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 50px
}

.sidecart a.cart-btn:hover {
    background: #444
}

.sidecart h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px
}

.sidecart h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-top: 50px
}

.fancyfooter {
    background: #000;
    position: relative;
    z-index: 10;
    font-family: proxima_novalight;
    text-transform: uppercase;
    font-size: 12px
}

.fancyfooter h1 {
    color: #fff;
    font-size: 14px;
    margin-bottom: 15px;
    padding-top: 20px
}

@media (min-width: 992px) {
    .fancyfooter h1 {
        padding-top: 0
    }
}

.fancyfooter ul li a {
    color: #ccc
}

.fancyfooter ul li a:hover {
    color: #fff
}

.fancyfooter input.fancynewsletter {
    display: block;
    border: 0;
    background: #fff;
    padding: 0 0 0 20px;
    height: 40px;
    width: 100%;
    color: #999
}

.fancyfooter button.fancynewsletterbutton {
    display: block;
    border: 0;
    background: #ccc;
    padding: 11.5px;
    float: right;
    position: relative;
    top: -40px;
    text-transform: uppercase;
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -ms-transition: .2s;
    -o-transition: .2s;
    transition: .2s
}

.fancyfooter button.fancynewsletterbutton:hover {
    color: #fff
}

.fancyfooter .fancyline {
    height: 1px;
    background: #111;
    margin-top: 50px
}

.fancyfooter ul.fancysocial li {
    padding-right: 15px;
    display: block;
    float: left
}

.fancyfooter .fancycopy {
    text-align: center;
    color: #999
}

.fancyfooter ul.fcyvmenu {
    display: block;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 60px 0 10px
}

.fancyfooter ul.fcyvmenu li {
    float: left;
    width: 25%;
    border-right: 1px solid #999
}

.fancyfooter ul.fcyvmenu li a {
    display: block;
    text-align: center;
    color: #fff
}

.fancyfooter ul.fcyvmenu li.last {
    border-right: 0 solid #fff
}

.cover-job2.first {
    background: url(../images/tm19/thumb1.jpg) center center;
    background-size: cover
}

.cover-job2.second {
    background: url(../images/tm19/thumb2.jpg) center center;
    background-size: cover
}

.cover-job2.third {
    background: url(../images/tm19/thumb3.jpg) center center;
    background-size: cover
}

.cover-job2 a {
    text-indent: -35px;
    color: #fff;
    font-size: 18px;
    text-transform: uppercase
}

.cover-job2 span {
    opacity: 0;
    -webkit-transition: .8s;
    -moz-transition: .8s;
    -ms-transition: .8s;
    -o-transition: .8s;
    transition: .8s;
    text-indent: 0;
    width: 30px;
    height: 30px;
    display: inline-block;
    border: 2px solid #fff!important;
    border-radius: 50%;
    background: transparent;
    border-color: transparent
}

.cover-job2 i {
    font-size: 10px;
    position: relative;
    top: -2px
}

.cover-job2:hover a {
    text-indent: 0;
    color: #fff
}

.cover-job2:hover span {
    opacity: 1;
    -webkit-animation: animix .5s 1;
    -webkit-animation-fill-mode: forwards;
    -moz-animation: animix .5s 1;
    -moz-animation-fill-mode: forwards;
    animation: animix .5s 1;
    animation-fill-mode: forwards
}

.opacitymd {
    opacity: .9
}

.cd-dropdown a,
.cd-dropdown li {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline
}

.megadrop {
    height: 100px;
    background: #fff
}

.mdlogo {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 30px 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    font-size: 24px
}

.mdbag {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 30px 5% 0 0;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-transform: uppercase;
    font-size: 24px;
    float: right
}

.mdbag span {
    color: #333
}

.cd-dropdown-wrapper {
    display: inline-block;
    position: relative;
    height: 40px;
    margin: 30px 0 0 5%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cd-dropdown-trigger {
    display: block;
    position: relative;
    padding: 0 36px 0 10px;
    line-height: 40px;
    background-color: #fff;
    color: #333;
    border-radius: 3px
}

.no-touch .cd-dropdown-trigger:hover {
    color: #333;
    background-color: #fff
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a {
    height: 50px;
    line-height: 50px
}

@media only screen and (min-width: 768px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 60px;
        line-height: 60px
    }
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown h2,
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        height: 50px;
        line-height: 50px
    }
}

.cd-dropdown h2,
.cd-dropdown-content a,
.cd-dropdown-content ul a,
.cd-dropdown-content .cd-divider {
    padding: 0 20px
}

.cd-dropdown {
    position: fixed;
    z-index: 10000000;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #333;
    color: #fff;
    visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0 .5s;
    -moz-transition: -moz-transform .5s 0s, visibility 0 .5s;
    transition: transform .5s 0s, visibility 0 .5s
}

.cd-dropdown h2 {
    position: relative;
    z-index: 1;
    color: #444;
    font-size: 18px;
    text-transform: uppercase;
    background-color: #333;
    border-bottom: 1px solid #444
}

.cd-dropdown .cd-close {
    position: absolute;
    z-index: 1;
    right: 0;
    top: 0;
    height: 50px;
    width: 50px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    color: transparent
}

.cd-dropdown .cd-close::after,
.cd-dropdown .cd-close::before {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    bottom: auto;
    right: auto;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    -o-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
    width: 2px;
    background-color: #fff
}

.cd-dropdown .cd-close::after {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(45deg);
    transform: translateX(-50%) translateY(-50%) rotate(45deg)
}

.cd-dropdown .cd-close::before {
    -webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg);
    transform: translateX(-50%) translateY(-50%) rotate(-45deg)
}

.cd-dropdown.dropdown-is-active {
    visibility: visible;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: -webkit-transform .5s 0s, visibility 0 0;
    -moz-transition: -moz-transform .5s 0s, visibility 0 0;
    transition: transform .5s 0s, visibility 0 0
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown {
        position: absolute;
        top: calc(100% - 2px);
        height: auto;
        width: auto;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        background-color: #fff;
        color: #333;
        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
        opacity: 0;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px);
        -webkit-transition: opacity .3s 0s, visibility 0 0.3s, -webkit-transform .3s 0;
        -moz-transition: opacity .3s 0s, visibility 0 0.3s, -moz-transform .3s 0;
        transition: opacity .3s 0s, visibility 0 0.3s, transform .3s 0
    }
    .open-to-left .cd-dropdown {
        right: 0;
        left: auto
    }
    .cd-dropdown h2,
    .cd-dropdown .cd-close {
        display: none
    }
    .cd-dropdown.dropdown-is-active {
        opacity: 1;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        -webkit-transition: opacity .3s 0s, visibility .3s 0s, -webkit-transform .3s 0;
        -moz-transition: opacity .3s 0s, visibility .3s 0s, -moz-transform .3s 0;
        transition: opacity .3s 0s, visibility .3s 0s, transform .3s 0
    }
}

.cd-dropdown-content,
.cd-dropdown-content ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-transition: -webkit-transform .3s;
    -moz-transition: -moz-transform .3s;
    transition: transform .3s;
    padding-top: 50px
}

.cd-dropdown-content a,
.cd-dropdown-content ul a {
    display: block;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-top-width: 1px;
    border-color: #444;
    border-style: solid
}

.cd-dropdown-content li:first-of-type > a,
.cd-dropdown-content ul li:first-of-type > a {
    border-top-width: 0
}

.cd-dropdown-content li:last-of-type > a,
.cd-dropdown-content ul li:last-of-type > a {
    border-bottom-width: 1px
}

.cd-dropdown-content .cd-divider,
.cd-dropdown-content ul .cd-divider {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #222;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 1px;
    color: #555;
    text-transform: uppercase
}

.cd-dropdown-content .cd-divider + li > a,
.cd-dropdown-content ul .cd-divider + li > a {
    border-top-width: 0
}

.cd-dropdown-content a,
.cd-dropdown-content .cd-search,
.cd-dropdown-content .cd-divider,
.cd-dropdown-content ul a,
.cd-dropdown-content ul .cd-search,
.cd-dropdown-content ul .cd-divider {
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity 0.3s, -webkit-transform .3s;
    -moz-transition: opacity 0.3s, -moz-transform .3s;
    transition: opacity 0.3s, transform .3s
}

.cd-dropdown-content.is-hidden,
.cd-dropdown-content ul.is-hidden {
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%)
}

.cd-dropdown-content.is-hidden > li > a,
.cd-dropdown-content.is-hidden > li > .cd-search,
.cd-dropdown-content.is-hidden > .cd-divider,
.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-content.move-out > .cd-divider,
.cd-dropdown-content ul.is-hidden > li > a,
.cd-dropdown-content ul.is-hidden > li > .cd-search,
.cd-dropdown-content ul.is-hidden > .cd-divider,
.cd-dropdown-content ul.move-out > li > a,
.cd-dropdown-content ul.move-out > li > .cd-search,
.cd-dropdown-content ul.move-out > .cd-divider {
    opacity: 0
}

.cd-dropdown-content.move-out > li > a,
.cd-dropdown-content.move-out > li > .cd-search,
.cd-dropdown-content.move-out > .cd-divider,
.cd-dropdown-content ul.move-out > li > a,
.cd-dropdown-content ul.move-out > li > .cd-search,
.cd-dropdown-content ul.move-out > .cd-divider {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%)
}

.dropdown-is-active .cd-dropdown-content,
.dropdown-is-active .cd-dropdown-content ul {
    -webkit-overflow-scrolling: touch
}

@media only screen and (min-width: 768px) {
    .cd-dropdown-content,
    .cd-dropdown-content ul {
        padding-top: 60px
    }
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        font-size: 1.8rem
    }
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown-content,
    .cd-dropdown-content ul {
        padding-top: 0;
        overflow: visible
    }
    .cd-dropdown-content a,
    .cd-dropdown-content ul a {
        color: #333;
        height: 50px;
        line-height: 50px;
        font-size: 1.5rem;
        border-color: #ebebeb
    }
    .cd-dropdown-content .cd-divider,
    .cd-dropdown-content ul .cd-divider {
        background-color: transparent;
        color: #b3b3b3;
        border-top: 1px solid #ebebeb
    }
    .cd-dropdown-content .cd-divider + li > a,
    .cd-dropdown-content ul .cd-divider + li > a {
        border-top-width: 1px
    }
    .cd-dropdown-content.is-hidden > li > a,
    .cd-dropdown-content.is-hidden > li > .cd-search,
    .cd-dropdown-content.is-hidden > .cd-divider,
    .cd-dropdown-content.move-out > li > a,
    .cd-dropdown-content.move-out > li > .cd-search,
    .cd-dropdown-content.move-out > .cd-divider,
    .cd-dropdown-content ul.is-hidden > li > a,
    .cd-dropdown-content ul.is-hidden > li > .cd-search,
    .cd-dropdown-content ul.is-hidden > .cd-divider,
    .cd-dropdown-content ul.move-out > li > a,
    .cd-dropdown-content ul.move-out > li > .cd-search,
    .cd-dropdown-content ul.move-out > .cd-divider {
        opacity: 1
    }
}

.cd-dropdown-content .see-all a {
    color: #3f8654
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    height: 80px;
    line-height: 80px
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item h3,
.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px
}

.cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
    padding-left: 90px
}

.cd-dropdown-content .cd-dropdown-gallery img {
    position: absolute;
    display: block;
    height: 40px;
    width: auto;
    left: 20px;
    top: 50%;
    margin-top: -20px
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
    padding-left: 75px;
    position: relative
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
    color: #333;
    font-size: 1.3rem;
    display: none
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
    content: '';
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 40px 40px
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-1::before {
    background-image: url(../images/tm22/nucleo-icon-1.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-2::before {
    background-image: url(../images/tm22/nucleo-icon-2.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-3::before {
    background-image: url(../images/tm22/nucleo-icon-3.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-4::before {
    background-image: url(../images/tm22/nucleo-icon-4.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-5::before {
    background-image: url(../images/tm22/nucleo-icon-5.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-6::before {
    background-image: url(../images/tm22/nucleo-icon-6.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-7::before {
    background-image: url(../images/tm22/nucleo-icon-7.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-8::before {
    background-image: url(../images/tm22/nucleo-icon-8.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-9::before {
    background-image: url(../images/tm22/nucleo-icon-9.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-10::before {
    background-image: url(../images/tm22/nucleo-icon-10.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-11::before {
    background-image: url(../images/tm22/nucleo-icon-11.svg)
}

.cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item.item-12::before {
    background-image: url(../images/tm22/nucleo-icon-12.svg)
}

@media only screen and (min-width: 1024px) {
    .cd-dropdown-content {
        position: static;
        height: auto;
        width: 280px
    }
    .cd-dropdown-content > li:last-of-type a {
        border-bottom: none
    }
    .no-touch .cd-dropdown-content > li:not(.has-children) a:hover {
        color: #3f8654
    }
    .cd-dropdown-content.move-out > li > a,
    .cd-dropdown-content.move-out > li > .cd-search,
    .cd-dropdown-content.move-out > .cd-divider {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }
    .cd-dropdown-content .cd-secondary-dropdown,
    .cd-dropdown-content .cd-dropdown-gallery,
    .cd-dropdown-content .cd-dropdown-icons {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        left: 100%;
        height: auto;
        background-color: #fff;
        box-shadow: 0 2px 14px rgba(0, 0, 0, 0.1)
    }
    .cd-dropdown-content .cd-secondary-dropdown:after,
    .cd-dropdown-content .cd-dropdown-gallery:after,
    .cd-dropdown-content .cd-dropdown-icons:after {
        content: "";
        display: table;
        clear: both
    }
    .open-to-left .cd-dropdown-content .cd-secondary-dropdown,
    .open-to-left .cd-dropdown-content .cd-dropdown-gallery,
    .open-to-left .cd-dropdown-content .cd-dropdown-icons {
        left: auto;
        right: 100%
    }
    .cd-dropdown-content .cd-secondary-dropdown.is-hidden,
    .cd-dropdown-content .cd-dropdown-gallery.is-hidden,
    .cd-dropdown-content .cd-dropdown-icons.is-hidden {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .cd-dropdown-content .cd-secondary-dropdown.fade-in,
    .cd-dropdown-content .cd-dropdown-gallery.fade-in,
    .cd-dropdown-content .cd-dropdown-icons.fade-in {
        -webkit-animation: cd-fade-in .2s;
        -moz-animation: cd-fade-in .2s;
        animation: cd-fade-in .2s
    }
    .cd-dropdown-content .cd-secondary-dropdown.fade-out,
    .cd-dropdown-content .cd-dropdown-gallery.fade-out,
    .cd-dropdown-content .cd-dropdown-icons.fade-out {
        -webkit-animation: cd-fade-out .2s;
        -moz-animation: cd-fade-out .2s;
        animation: cd-fade-out .2s
    }
    .cd-dropdown-content .cd-secondary-dropdown > .go-back,
    .cd-dropdown-content .cd-dropdown-gallery > .go-back,
    .cd-dropdown-content .cd-dropdown-icons > .go-back {
        display: none
    }
    .cd-dropdown-content .cd-secondary-dropdown > .see-all,
    .cd-dropdown-content .cd-dropdown-gallery > .see-all,
    .cd-dropdown-content .cd-dropdown-icons > .see-all {
        position: absolute;
        bottom: 20px;
        height: 45px;
        text-align: center
    }
    .cd-dropdown-content .cd-secondary-dropdown > .see-all a,
    .cd-dropdown-content .cd-dropdown-gallery > .see-all a,
    .cd-dropdown-content .cd-dropdown-icons > .see-all a {
        margin: 0;
        height: 100%;
        line-height: 45px;
        background: #ebebeb;
        pointer-events: auto;
        -webkit-transition: color 0.2s, background-color .2s;
        -moz-transition: color 0.2s, background-color .2s;
        transition: color 0.2s, background-color .2s
    }
    .no-touch .cd-dropdown-content .cd-secondary-dropdown > .see-all a:hover,
    .no-touch .cd-dropdown-content .cd-dropdown-gallery > .see-all a:hover,
    .no-touch .cd-dropdown-content .cd-dropdown-icons > .see-all a:hover {
        color: #fff;
        background-color: #333
    }
    .cd-dropdown-content .cd-secondary-dropdown .cd-dropdown-item,
    .cd-dropdown-content .cd-secondary-dropdown a,
    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item,
    .cd-dropdown-content .cd-dropdown-gallery a,
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item,
    .cd-dropdown-content .cd-dropdown-icons a {
        border: none
    }
    .cd-dropdown-content .cd-dropdown-gallery,
    .cd-dropdown-content .cd-dropdown-icons {
        padding: 20px 30px 100px
    }
    .cd-dropdown-content .cd-dropdown-gallery > .see-all,
    .cd-dropdown-content .cd-dropdown-icons > .see-all {
        width: calc(100% - 60px)
    }
    .cd-dropdown-content .cd-dropdown-icons > li,
    .cd-dropdown-content .cd-secondary-dropdown > li {
        width: 50%;
        float: left
    }
    .cd-dropdown-content .cd-secondary-dropdown {
        overflow: hidden;
        width: 550px;
        padding-bottom: 65px
    }
    .cd-dropdown-content .cd-secondary-dropdown::before {
        position: absolute;
        content: '';
        top: 290px;
        left: 15px;
        height: 1px;
        width: 520px;
        background-color: #ebebeb
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > a {
        color: #3f8654;
        font-size: 1.6rem;
        margin-bottom: 10px;
        line-height: 30px;
        height: 30px;
        pointer-events: none
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > a::after,
    .cd-dropdown-content .cd-secondary-dropdown > li > a::before {
        display: none
    }
    .cd-dropdown-content .cd-secondary-dropdown.move-out > li > a {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0)
    }
    .cd-dropdown-content .cd-secondary-dropdown > li {
        margin: 20px 0;
        border-right-width: 1px;
        border-color: #ebebeb;
        border-style: solid;
        padding: 0 30px;
        height: 250px
    }
    .cd-dropdown-content .cd-secondary-dropdown > li:nth-of-type(2n) {
        border-right-width: 0
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > ul {
        -webkit-transform: translate(0);
        -moz-transform: translate(0);
        -ms-transform: translate(0);
        -o-transform: translate(0);
        transform: translate(0);
        position: relative;
        height: auto
    }
    .cd-dropdown-content .cd-secondary-dropdown > li > ul > .go-back {
        display: none
    }
    .cd-dropdown-content .cd-secondary-dropdown a {
        line-height: 25px;
        height: 25px;
        font-size: 1.3rem;
        padding-left: 0
    }
    .no-touch .cd-dropdown-content .cd-secondary-dropdown a:hover {
        color: #3f8654
    }
    .cd-dropdown-content .cd-secondary-dropdown ul {
        padding-bottom: 25px;
        overflow: hidden;
        height: auto
    }
    .cd-dropdown-content .cd-secondary-dropdown .go-back a {
        padding-left: 20px;
        color: transparent
    }
    .no-touch .cd-dropdown-content .cd-secondary-dropdown .go-back a:hover {
        color: transparent
    }
    .cd-dropdown-content .cd-secondary-dropdown .go-back a::before,
    .cd-dropdown-content .cd-secondary-dropdown .go-back a::after {
        left: 0
    }
    .cd-dropdown-content .cd-secondary-dropdown .see-all {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%
    }
    .cd-dropdown-content .cd-dropdown-gallery {
        width: 600px;
        padding-bottom: 100px
    }
    .cd-dropdown-content .cd-dropdown-gallery > li {
        width: 48%;
        float: left;
        margin-right: 4%
    }
    .cd-dropdown-content .cd-dropdown-gallery > li:nth-of-type(2n) {
        margin-right: 0
    }
    .cd-dropdown-content .cd-dropdown-gallery .cd-dropdown-item {
        padding: 0;
        height: auto;
        line-height: normal;
        color: #3f8654;
        margin-bottom: 2em
    }
    .cd-dropdown-content .cd-dropdown-gallery > li:nth-last-of-type(2) a,
    .cd-dropdown-content .cd-dropdown-gallery > li:last-of-type a {
        margin-bottom: 0
    }
    .cd-dropdown-content .cd-dropdown-gallery img {
        position: static;
        height: auto;
        width: 100%;
        margin: 0 0 .6em
    }
    .cd-dropdown-content .cd-dropdown-icons {
        width: 600px
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item {
        height: 80px;
        line-height: 1.2;
        padding: 24px 0 0 85px
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item:hover {
        background: #ebebeb
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item h3 {
        color: #3f8654;
        font-weight: 700
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item p {
        display: block;
        font-size: 1.2rem
    }
    .cd-dropdown-content .cd-dropdown-icons .cd-dropdown-item::before {
        left: 25px
    }
    .cd-dropdown-content > .has-children > ul {
        visibility: hidden
    }
    .cd-dropdown-content > .has-children > ul.is-active {
        visibility: visible
    }
    .cd-dropdown-content > .has-children > .cd-secondary-dropdown.is-active > li > ul {
        visibility: visible
    }
    .cd-dropdown-content > .has-children > a.is-active {
        box-shadow: inset 2px 0 0 #3f8654;
        color: #3f8654
    }
    .cd-dropdown-content > .has-children > a.is-active::before,
    .cd-dropdown-content > .has-children > a.is-active::after {
        background: #3f8654
    }
    .open-to-left .cd-dropdown-content > .has-children > a.is-active {
        box-shadow: inset -2px 0 0 #3f8654
    }
}

@-webkit-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-moz-keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@keyframes cd-fade-in {
    0% {
        opacity: 0;
        visibility: visible
    }
    100% {
        opacity: 1;
        visibility: visible
    }
}

@-webkit-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

@-moz-keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

@keyframes cd-fade-out {
    0% {
        opacity: 1;
        visibility: visible
    }
    100% {
        opacity: 0;
        visibility: visible
    }
}

.cd-search input[type="search"] {
    width: 100%;
    height: 50px;
    padding: 0 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    background-color: #444;
    color: #fff;
    border: none;
    border-radius: 0
}

.cd-search input[type="search"]::-webkit-input-placeholder {
    color: #fff
}

.cd-search input[type="search"]::-moz-placeholder {
    color: #fff
}

.cd-search input[type="search"]:-moz-placeholder {
    color: #fff
}

.cd-search input[type="search"]:-ms-input-placeholder {
    color: #fff
}

.cd-search input[type="search"]:focus {
    background: #fff;
    color: #333;
    outline: none
}

.cd-search input[type="search"]:focus::-webkit-input-placeholder {
    color: rgba(17, 20, 51, 0.4)
}

.cd-search input[type="search"]:focus::-moz-placeholder {
    color: rgba(17, 20, 51, 0.4)
}

.cd-search input[type="search"]:focus:-moz-placeholder {
    color: rgba(17, 20, 51, 0.4)
}

.cd-search input[type="search"]:focus:-ms-input-placeholder {
    color: rgba(17, 20, 51, 0.4)
}

@media only screen and (min-width: 1024px) {
    .cd-search input[type="search"] {
        background-color: #ebebeb
    }
    .cd-search input[type="search"]::-webkit-input-placeholder {
        color: #b3b3b3
    }
    .cd-search input[type="search"]::-moz-placeholder {
        color: #b3b3b3
    }
    .cd-search input[type="search"]:-moz-placeholder {
        color: #b3b3b3
    }
    .cd-search input[type="search"]:-ms-input-placeholder {
        color: #b3b3b3
    }
}

.has-children > a,
.go-back a {
    position: relative
}

.has-children > a::before,
.has-children > a::after,
.go-back a::before,
.go-back a::after {
    content: '';
    position: absolute;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    height: 2px;
    width: 10px;
    background: #ccc;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.has-children > a::before,
.go-back a::before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.has-children > a::after,
.go-back a::after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.has-children > a {
    padding-right: 40px
}

.has-children > a::before,
.has-children > a::after {
    right: 20px;
    -webkit-transform-origin: 9px 50%;
    -moz-transform-origin: 9px 50%;
    -ms-transform-origin: 9px 50%;
    -o-transform-origin: 9px 50%;
    transform-origin: 9px 50%
}

.cd-dropdown-content .go-back a {
    padding-left: 40px
}

.cd-dropdown-content .go-back a::before,
.cd-dropdown-content .go-back a::after {
    left: 20px;
    -webkit-transform-origin: 1px 50%;
    -moz-transform-origin: 1px 50%;
    -ms-transform-origin: 1px 50%;
    -o-transform-origin: 1px 50%;
    transform-origin: 1px 50%
}

.cd-main-content {
    background-color: #efefef
}

.no-js .cd-dropdown-wrapper:hover .cd-dropdown {
    visibility: visible;
    opacity: 1;
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0)
}

.no-js .cd-dropdown-wrapper .cd-close {
    display: none
}

.sidecart2 {
    display: block;
    width: 300px;
    height: 100%;
    background: url(../images/tm22/cart.jpg) center center no-repeat;
    background-color: #333;
    position: fixed;
    z-index: 1000;
    right: 0;
    top: 0;
    font-family: 'proxima_novalight'
}

.sidecart2 span.shaddow {
    height: 60px;
    display: block
}

.sidecart2 a.cart-btn {
    display: block;
    width: calc(100% - 100px);
    background: #444;
    padding: 20px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    position: absolute;
    bottom: 50px
}

.sidecart2 a.cart-btn:hover {
    background: #666
}

.sidecart2 h3 {
    text-transform: uppercase;
    text-align: center;
    font-size: 18px;
    color: #ccc
}

.sidecart2 h4 {
    text-transform: uppercase;
    text-align: center;
    font-size: 12px;
    color: #999;
    padding-top: 50px
}

.list_carousel4 li img {
    max-width: 100%
}

.footer .col-md-4 .center {
    width: 220px
}

@media (max-width: 1000px) {
    .footer .col-md-4 .right {
        width: auto;
        text-align: left;
        float: none
    }
    .footer .col-md-4 .center {
        width: auto;
        text-align: left;
        margin-top: 20px;
        margin-bottom: 20px
    }
}

@media (min-width: 768px) {
    .navbar-header.alteracao {
        float: right!important
    }
    .navbar-toggle.alteracao {
        display: block
    }
    .navbar-collapse.alteracao.collapse {
        display: none!important
    }
    .navbar-collapse.alteracao {
        width: 100%;
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1)
    }
    .navbar-nav.alteracao {
        float: none!important;
        margin: 7.5px -15px;
        background-color: #fff
    }
    .navbar-nav>li.alteracao {
        float: none
    }
    .navbar-nav>li>a.alteracao {
        color: #222!important;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .navbar-text.alteracao {
        float: none;
        margin: 15px 0
    }
    .navbar-collapse.alteracao.collapse.in {
        display: block!important
    }
    .collapsing {
        overflow: hidden!important
    }
}

.secccaoverde h1 {
    font-size: 37px
}

.secccaoverde p {
    font-size: 17px
}

@media (max-width: 1250px) {
    .secccaoverde h1 {
        font-size: 24px
    }
    .secccaoverde p {
        font-size: 14px
    }
}

@media (max-width: 740px) {
    .secccaoverde h1 {
        font-size: 37px
    }
    .secccaoverde p {
        font-size: 19px
    }
}

.gmnoprint img {
    max-width: none
}

.text-justify {
    text-align: justify;
    text-justify: distribute
}


@media (max-width: 740px) {
.text-justify {
    text-align: left;
}}


#pesquisa,
#pesquisa2 {
    text-align: center
}

#pesquisa li,
#pesquisa2 li {
    display: inline-block;
    color: #fff;
    text-align: left;
    padding-left: 10px;
    min-width: 250px;
    margin: 15px
}

#pesquisa2 li {
    float: left;
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 5px
}

#pesquisa2 {
    border-top: 3px solid #fff;
    margin-top: 40px;
    margin-bottom: 20px
}

input,
select {
    width: 100%;
    background: transparent;
    border: 1px solid #747474;
    height: 30px;
    margin-top: 5px
}

#pesquisa input,
#pesquisa2 input,
#pesquisa select,
#pesquisa2 select {
    color: #fff!important
}

input.check,
input[type="checkbox"] {
    width: 18px;
    height: 18px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-right: 5px;
    background: transparent
}

input.botao {
    background-color: #B5B5B5;
    color: #000!important;
    height: 50px
}

.login input,
.login button {
    height: 50px
}

.login input,
.login textarea {
    border: none;
    background-color: #fff;
    width: 100%;
    margin-top: 5px
}

input,
textarea {
    padding-left: 5px;
    padding-right: 5px
}

select {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%);
    background-position: calc(100% - 20px) calc(1em), calc(100% - 15px) calc(1em);
    background-size: 5px 5px, 5px 5px;
    background-repeat: no-repeat
}

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000
}

option {
    background: #38383A;
    background-color: #38383A
}

select.focus {
    background-image: linear-gradient(45deg, green 50%, transparent 50%), linear-gradient(135deg, transparent 50%, green 50%), linear-gradient(to right, #ccc, #ccc);
    background-position: calc(100% - 15px) 1em, calc(100% - 20px) 1em, calc(100% - 2.5em) .5em;
    background-size: 5px 5px, 5px 5px, 1px 1.5em;
    background-repeat: no-repeat;
    border-color: green;
    outline: 0
}

.inside {
    margin-top: 20px;
    margin-bottom: 20px;
    background: #ededed;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #ededed));
    background: -moz-linear-gradient(top, #f4f4f4 0%, #ededed 100%);
    background: -ms-linear-gradient(top, #f4f4f4 0%, #ededed 100%)
}

.inside-full-height {
    height: 100%;
    margin-top: 0;
    margin-bottom: 0
}

.row-height {
    display: table;
    table-layout: fixed;
    height: 100%;
    width: 100%
}

.col-height {
    display: table-cell;
    float: none;
    height: 100%
}

.col-top {
    vertical-align: top
}

.col-middle {
    vertical-align: middle
}

.col-bottom {
    vertical-align: bottom
}

@media (min-width: 480px) {
    .row-xs-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .col-xs-height {
        display: table-cell;
        float: none;
        height: 100%
    }
    .col-xs-top {
        vertical-align: top
    }
    .col-xs-middle {
        vertical-align: middle
    }
    .col-xs-bottom {
        vertical-align: bottom
    }
}

.espaco {
    width: 55.3333%
}

.carac {
    width: 44.6667%
}

@media (min-width: 768px) {
    .row-sm-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .col-sm-height {
        display: table-cell;
        float: none;
        height: 100%
    }
    .col-sm-top {
        vertical-align: top
    }
    .col-sm-middle {
        vertical-align: middle
    }
    .col-sm-bottom {
        vertical-align: bottom
    }
}

.menu_escuro {
    background: #38383A;
    min-height: 190px
}

.menu_claro {
    background: rgba(255, 255, 255, 0.7);
    min-height: 150px;
    position: relative
}

.menu_branco {
    background: #fff;
    min-height: 190px
}

.menu_claro.imovel {
    min-height: 45px
}

.caixinha {
    margin-top: -190px
}

@media (max-width: 768px) {
    #galeria {
        padding: 0
    }
    
    .espaco,
    .carac,
    .caixinha {
        width: 100%;
        margin-top: -260px;
        min-height: 260px
    }
    #espaco .espaco,
    #espaco .carac {
        margin-top: 20px;
        padding-left: 0
    }
    .menu_escuro,
    .menu_claro,
    .menu_branco {
        min-height: 290px
    }
    .menu_claro{
      /*  min-height: 260px !important;*/
        min-height: 60px !important;
    }
    
    
}

@media (min-width: 992px) {
    
    .pl50 {
        padding-left: 0
    }
    
  
    
    
    .row-md-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .col-md-height {
        display: table-cell;
        float: none;
        height: 100%
    }
    .col-md-top {
        vertical-align: top
    }
    .col-md-middle {
        vertical-align: middle
    }
    .col-md-bottom {
        vertical-align: bottom
    }
}


 @media (max-width: 943px) {   
.carac.hides {display: none}
 
 .pl50 {
        padding-left: 0
    }

 
 }


@media (min-width: 1200px) {
    .row-lg-height {
        display: table;
        table-layout: fixed;
        height: 100%;
        width: 100%
    }
    .col-lg-height {
        display: table-cell;
        float: none;
        height: 100%
    }
    .col-lg-top {
        vertical-align: top
    }
    .col-lg-middle {
        vertical-align: middle
    }
    .col-lg-bottom {
        vertical-align: bottom
    }
}

.category-2 {
    min-height: 500px
}

.azul {
    color: #26a9e0
}

.botao_azul {
    position: absolute;
    right: 50px;
    background-color: #26a9e0;
    padding: 8px;
    top: -15px;
    color: #fff
}

.botao_amarelo {
    position: absolute;
    right: 50px;
    background-color: #f2b80e;
    padding: 8px;
    top: -15px;
    color: #fff
}

.triangulo {
    position: absolute;
    right: 0;
    top: 0
}

.icons {
    font-size: 12px;
    float: left;
    margin-top: 10px;
    text-align: center
}

#nav1 .navbar-nav > li > a {
    padding-top: 5px;
    padding-bottom: 10px
}