/*!
 * Start Bootstrap - Landing Page Bootstrap Theme (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.banner h2,
.intro-message>h1,
.intro-message>h3 {
    text-shadow: 2px 2px 3px rgba(0, 0, 0, .6)
}
.foot li a,
.like-1 li a,
.slider-arrow,
.socialbtn li a,
.top2 li a {
    text-decoration: none
}
.hvr-underline-center,
.hvr-underline-from-center {
    vertical-align: middle;
    -moz-osx-font-smoothing: grayscale
}
body,
html {
    width: 100%;
    height: 100%;
    background: url(../imgn/pattern-2.png)
}
body,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Lato, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 700
}
.frstcntnt h2,
.frstcntnt h4,
.frstcntnt h5,
.wrdmap h6,
.wrdmap span {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
@font-face {
    font-family: SansitaOne;
    src: url(../fonts/SansitaOne.ttf)
}
@font-face {
    font-family: PolanCanIntoBigWritingsOLn;
    src: url(../font/lane/PolanCanIntoBigWritingsOLn.otf)
}
.topnav {
    font-size: 14px
}
.lead {
    font-size: 18px;
    font-weight: 400
}
.intro-header {
    padding-top: 30px;
    padding-bottom: 30x;
    text-align: center;
    color: #f8f8f8
}
.intro-message {
    position: relative;
    padding-top: 20%;
    padding-bottom: 20%
}
.intro-message>h1 {
    margin: 0;
    font-size: 5em
}
.intro-divider {
    width: 400px;
    border-top: 1px solid #f8f8f8;
    border-bottom: 1px solid rgba(0, 0, 0, .2)
}
@media(max-width:767px) {
    .intro-message {
        padding-bottom: 15%
    }
    .intro-message>h1 {
        font-size: 3em
    }
    ul.intro-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0
    }
    ul.intro-social-buttons>li:last-child {
        margin-bottom: 0
    }
    .intro-divider {
        width: 100%
    }
}
.network-name {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 2px
}
.content-section-a {
    background-color: #f8f8f8
}
.content-section-b {
    padding: 50px 0;
    border-top: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7
}
.section-heading {
    margin-bottom: 30px
}
.section-heading-spacer {
    float: left;
    width: 200px;
    border-top: 3px solid #e7e7e7
}
.banner {
    padding: 100px 0;
    color: #f8f8f8;
    background: url(../imgn/banner-bg.jpg) center center no-repeat;
    background-size: cover
}
.banner h2 {
    margin: 0;
    font-size: 3em
}
.banner ul {
    margin-bottom: 0
}
.banner-social-buttons {
    float: right;
    margin-top: 0
}
@media(max-width:1199px) {
    ul.banner-social-buttons {
        float: left;
        margin-top: 15px
    }
}
@media(max-width:767px) {
    .banner h2 {
        margin: 0;
        text-shadow: 2px 2px 3px rgba(0, 0, 0, .6);
        font-size: 3em
    }
    ul.banner-social-buttons>li {
        display: block;
        margin-bottom: 20px;
        padding: 0
    }
    ul.banner-social-buttons>li:last-child {
        margin-bottom: 0
    }
}
footer {
    padding: 0;
    background-color: #1b1b1b
}
footer h4 {
    margin-bottom: 5px!important;
    color: #8A8A8A;
    font-size: 17px;
    padding-bottom: 5px;
    border-bottom: 1px solid #404040
}
footer h3 {
    margin-bottom: 1px!important;
    color: #8A8A8A;
    font-size: 11px;
    margin: 10px 0 0 10%
}
.pdngbtm {
    padding-bottom: 30px!important
}
.fb {
    padding-right: 0!important
}
p.copyright {
    margin: 15px 0 0
}
.navbar-default {
    height: auto;
    background: url(../imgn/bg-1.png);
    z-index: 99999
}
.navbar-default2 {
    height: auto;
    background: url(../imgn/bg23.png) no-repeat;
    z-index: 99999
}
.frstcntnt h1,
.frstcntnt h5,
.frstcntnt h6,
.wrdmap h3,
.wrdmap h6,
.wrdmap span {
    z-index: 1;
    overflow: hidden
}

.navbar-brand {
    padding: 10px 15px!important
}
.top1 {
    height: 30%;
    float: left
}
.top1 h1,
.top1 h2,
.top2 {
    float: right
}
@media(max-width:700px) {
    .skp {
        display: none!important
    }
}
.top1 h1 {
    font-size: 11px;
    color: #525252
}
.top2 {
    width: auto;
    height: 70%;
    padding: 30px 0 0 275px
}
.bnnrsldr,
.frstcntnt,
.menus,
.wrdmap {
    height: auto
}
.top1 h2 {
    font-size: 12px;
    color: #595858
}
.frstcntnt h4,
.frstcntnt h5 {
    font-weight: 400;
    color: #AFAFAF
}
.menus {
    width: 100%;
    background: url(../imgn/bg-gold.png);
    -webkit-box-shadow: 0 -5px 19px -3px rgba(0, 0, 0, .44);
    -moz-box-shadow: 0 -5px 19px -3px rgba(0, 0, 0, .44);
    box-shadow: 0 -5px 19px -3px rgba(0, 0, 0, .44)
}
@media(max-width:768px) {
    .linkbutton {
        padding-left: 60px
    }
}
.bnnrsldr {
    width: 100%;
    background: #181818;
    margin: auto
}
.frstcntnt {
    width: 100%;
    margin: auto auto 30px;
    text-align: center
}
.frstcntnt h2,
.frstcntnt h4 {
    position: relative;
    text-align: left;
    z-index: 1;
    overflow: hidden
}
.frstcntnt h5 {
    font-size: 20px;
    position: relative;
    margin-bottom: 30px;
    margin-top: 0
}
.frstcntnt h4 {
    font-size: 18px!important
}
.frstcntnt h2 {
    font-size: 20px;
    font-weight: 700;
    color: #a9a9a9;
    text-shadow: 0 0 5px #000
}
.wrdmap {
    width: 90%;
    margin: auto auto 30px 30px;
    text-align: center;
    padding-right: 90px
}
.wrdmapcon {
    margin-bottom: 0!important
}
.wrdmap h6,
.wrdmap span {
    color: #3c3c3c;
    margin-bottom: 30px;
    text-shadow: #777 -1px 1px 1px
}
.wrdmap h6 {
    font-size: 19px;
    font-weight: 400;
    position: relative
}
.wrdmap h3,
.wrdmap span {
    font-weight: 700;
    position: relative
}
.wrdmap span {
    font-size: 18px;
    display: inherit
}
.wrdmap h3,
.wrdmap p {
    font-family: 'Maven Pro', sans-serif
}
.branches a,
.branches h1,
.branches h2,
.branches h3,
.branches p,
.frstcntnt h1,
.frstcntnt h6,
.frstcntnt p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.wrdmap h3 {
    font-size: 15px;
    color: #AFAFAF
}
.frstcntnt h5:before,
.wrdmap h6:before,
h5:after {
    position: absolute;
    height: 1px;
    width: 49%;
    content: '\a0'
}
.wrdmap p {
    font-size: 13px;
    font-weight: 400;
    color: #1f1f1f;
    text-align: justify;
    line-height: 1.7
}
.frstcntnt h1,
.frstcntnt h6 {
    font-size: 20px;
    color: #AFAFAF;
    margin-top: 0;
    font-weight: 400
}
.wrdmap h6:before,
h5:after {
    overflow: hidden;
    background: 0 0
}
.frstcntnt h5:before,
h5:after {
    top: 51%;
    overflow: hidden;
    background-color: #3E3E3E
}
.frstcntnt h5:after,
.frstcntnt h5:before {
    text-align: center;
    background-color: transparent;
    margin-bottom: 15px!important;
    height: 0
}
.frstcntnt h5:before {
    margin-left: -50%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h5:after {
    margin-left: 1%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h1 {
    position: relative;
    margin-bottom: 30px
}
.frstcntnt h1:after,
.frstcntnt h1:before {
    text-align: center;
    background-color: transparent;
    margin-bottom: 15px!important
}
.frstcntnt h1:before {
    margin-left: -50%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h1:after {
    margin-left: 1%;
    height: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h1:before,
h1:after {
    position: absolute;
    top: 51%;
    /*overflow: hidden;*/
    width: 49%;
    height: 1px;
    content: '\a0'
}
.frstcntnt h6 {
    position: relative;
    margin-bottom: 30px;
    text-align: center
}
.frstcntnt h6:after,
.frstcntnt h6:before {
    text-align: center;
    background-color: transparent;
    margin-bottom: 15px!important
}
.frstcntnt h6:before {
    margin-left: -50%;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h6:after {
    margin-left: 1%;
    height: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9)
}
.frstcntnt h6:before,
h6:after {
    position: absolute;
    top: 51%;
    overflow: hidden;
    width: 49%;
    height: 1px;
    content: '\a0'
}
.foot,
.footmain,
.footr,
.footr2,
.logolink,
.menubar,
.socialbtn {
    height: auto
}
.frstcntnt p {
    font-size: 14px;
    font-weight: 400;
    color: #919191;
    text-align: justify;
    line-height: 1.7
}
.mrgne {
    margin-bottom: 10px!important;
    font-size: 21px
}
.hmrgne {
    margin: 0!important
}
.mrgne2 {
    margin-top: 20px!important
}
.mrgne4 {
    margin-top: 10px!important
}
.iconf {
    padding-right: 7px
}
.pdng {
    padding-top: 0!important
}
.pdng2 {
    padding-bottom: 10px!important
}
.pdngleft {
    padding-left: 0;
    text-align: center;
    color: #696969
}
.branches {
    text-align: left;
    font-size: 16px;
    font-weight: 400
}
.branches a {
    font-size: 16px;
    color: #383737!important;
    font-weight: 700
}
.branches h1,
.branches h2,
.branches h3,
.branches p {
    color: #3c3c3c;
    margin: 0;
    text-shadow: #777 -1px 1px 1px
}
.branches p {
    text-align: justify;
    font-size: 14px;
    font-weight: 400
}
.branches h1 {
    float: left;
    padding-right: 10px;
    font-size: 16px;
    font-weight: 700
}
.branches h2,
.branches h3 {
    text-align: justify;
    line-height: 1.5;
    font-size: 14px;
    font-weight: 400
}
.foot ul li,
.socialbtn ul li {
    text-align: left;
    list-style: none
}
.brnchhdng {
    margin: 10px 0
}
.branches h5 {
    font-size: 17px!important
}
.footr {
    width: 100%;
    border: 1px solid #333;
    margin: auto
}
.ftrinr1,
.ftrinr2 {
    margin: auto auto auto 20px;
    border-bottom: 1px solid #323232;
    float: left
}
.footr2 {
    width: 100%;
    padding: 30px 0 30px 50px
}
.ftrinr1 {
    width: 20%
}
.ftrinr2 {
    width: 30%
}
.foot,
.ftrinr3,
.ftrinr4 {
    margin: auto
}
.ftrinr3 {
    width: 50%;
    float: left
}
.foot,
.ftrinr4,
.menubar,
.socialbtn {
    width: 100%
}
.ftrinr4 {
    float: left
}
.icns {
    padding-right: 10px;
    font-size: medium!important
}
.foot li a,
.foot ul li {
    font-size: 12px;
    color: #676767
}
.footmain {
    border: 1px solid #303030;
    padding: 10px
}
.foot ul {
    margin: 20px 0;
    padding: 0
}
.foot ul li {
    background: url(../imgn/arrow.png) 10px no-repeat;
    padding-left: 30px;
    margin-top: 10px
}
.foot li a:hover {
    color: #FFF;
    padding-left: 12px;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all
}
.socialbtn li a,
.socialbtn ul li {
    font-size: 12px;
    color: #676767
}
.socialbtn {
    margin: auto
}
.socialbtn ul {
    margin: 20px 0;
    padding: 0
}
.socialbtn ul li {
    margin-top: 10px
}
.logolink,
.logolink ul {
    margin: auto
}
.socialbtn li a:hover {
    color: #FFF
}
.socialbtn img {
    border-radius: 50%;
    -webkit-transition: -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out
}
.socialbtn img:hover {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg)
}
.logolink {
    display: table
}
.logolink ul li {
    list-style: none;
    font-size: 11px;
    float: left;
    padding-left: 10px;
    color: #6F6F6F;
    display: inline;
    font-weight: 700;
    text-align: center
}
.like-1 ul li,
.pr-1 ul li {
    text-align: left;
    list-style: none
}
.ftrbx {
    padding: 20px;
    margin-top: 5px
}
.mrgnefuter {
    margin: 10px 25% 0 33%
}
.navbar-default {
    border: none!important
}
.top2 ul {
    margin: 0
}
.menubar,
.menubar ul {
    margin: auto
}
.top2 ul li {
    float: right;
    list-style: none;
    color: #565656;
    padding-right: 10px;
    line-height: 2
}
.grayscale {
    border: 1px solid #000;
    -webkit-filter: grayscale(100%);
    filter: gray;
    -webkit-transition: all .6s ease
}
.grayscale:hover {
    -webkit-filter: grayscale(0);
    filter: none
}
.top2 li a:hover {
    - -webkit-transform: rotate(160deg);
    -moz-transform: rotate(160deg);
    -o-transform: rotate(160deg);
    -ms-transform: rotate(160deg);
    transform: rotate(160deg)
}
.menubar ul {
    overflow: hidden;
    padding-left: 0
}
.menubar span,
.menubar ul li {
    float: left;
    padding-left: 15px;
    list-style: none
}
.menubar ul li {
    color: #9D9D9D;
    font-size: 14px;
    font-weight: 400
}
.menubar span {
    color: #D61212;
    font-size: 15px;
    font-weight: 700
}
#srch,
.btton,
.inquir {
    float: right
}
.menubar span a:hover {
    color: #FF2525;
    text-decoration: none;
    font-weight: 700
}
.hvr-underline-center {
    display: inline-block;
    padding-bottom: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    overflow: hidden
}
.hvr-underline-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #A71B1B;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.hvr-underline-center:active:before,
.hvr-underline-center:focus:before,
.hvr-underline-center:hover:before {
    left: 0;
    right: 0
}
.link--surinami::after,
.link--surinami::before {
    -webkit-transform: scale3d(0, 1, 1);
    transform: scale3d(0, 1, 1);
    -webkit-transition: -webkit-transform .5s;
    transition: transform .5s
}
.link--surinami::before {
    right: 0;
    top: 0;
    -webkit-transform-origin: 100% 50%;
    transform-origin: 100% 50%
}
.link--surinami::after {
    left: 0;
    bottom: 0;
    -webkit-transform-origin: 0 50%;
    transform-origin: 0 50%
}
.link--surinami:hover::after,
.link--surinami:hover::before {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1)
}
.link--surinami span {
    position: relative;
    -webkit-transition: color .5s;
    transition: color .5s
}
.link--surinami:hover span {
    color: transparent
}
.link--surinami span::after,
.link--surinami span::before {
    position: absolute;
    color: #fff;
    opacity: 0;
    -webkit-transition: -webkit-transform .5s, opacity .5s;
    transition: transform .5s, opacity .5s
}
.likebtn,
.prdcts {
    position: fixed;
    z-index: 9999999999
}
.link--surinami span::before {
    content: attr(data-letters-l);
    left: 0;
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0)
}
.link--surinami span::after {
    content: attr(data-letters-r);
    right: 0;
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0)
}
.link--surinami:hover span::after,
.link--surinami:hover span::before {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}
.inquir {
    padding-top: 10px
}
#inq {
    background-color: #D7D7D7;
    border: none;
    height: 20px;
    -webkit-box-shadow: inset 2px 4px 12px 0 rgba(0, 0, 0, .43);
    -moz-box-shadow: inset 2px 4px 12px 0 rgba(0, 0, 0, .43);
    box-shadow: inset 2px 4px 12px 0 rgba(0, 0, 0, .43)
}
.pr-1,
.pr-2 {
    -webkit-box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75);
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75)
}
.btton {
    width: 22.5%;
    background: url(../imgn/inqry.png) no-repeat #860000;
    height: 41px;
    margin-right: 20px
}
.like-1,
.pr-1,
.pr-2 {
    float: left
}
.btton:hover {
    background: url(../imgn/inqry-2.png) #b30000;
    padding-left: 12px;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all
}
.prdcts {
    width: 320px;
    height: 445px;
    display: block;
    top: 170px;
    left: -325px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s
}
@media(max-width:700px) {
    .prdcts {
        display: none
    }
}
.prdcts:hover {
    -webkit-transform: translate(80px, 0);
    -moz-transform: translate(250px, 0);
    -ms-transform: translate(250px, 0);
    -o-transform: translate(250px, 0);
    transform: translate(250px, 0)
}
.pr-1 {
    width: 100%;
    background: url(../imgn/pr-bg.png);
    height: 110%
}
.pr-1 ul {
    margin: 22px;
    padding-left: 60px
}
.pr-1 ul li {
    margin-bottom: 10px;
    font-size: 11px;
    background: url(../imgn/arrow-2_01.png) 10px no-repeat;
    padding-left: 30px;
    color: #929292
}
.pr-1 li a:hover {
    color: #000;
    padding-left: 12px;
    font-weight: 700;
    transition: .5s all;
    -webkit-transition: .5s all;
    -o-transition: .5s all;
    -ms-transition: .5s all;
    -moz-transition: .5s all
}
.like-1 li a,
.like-1 ul li {
    font-size: 12px;
    color: #676767
}
.likebtn {
    width: 250px;
    height: 85px;
    top: 160px;
    right: -250px;
    -webkit-transition: all 2s;
    -moz-transition: all 2s;
    -ms-transition: all 2s;
    -o-transition: all 2s;
    transition: all 2s
}
.like-1:after,
.pr-1:after {
    display: block;
    z-index: 99999999;
    content: ""
}
.likebtn:hover {
    -webkit-transform: translate(-80px, 0);
    -moz-transform: translate(-250px, 0);
    -ms-transform: translate(-250px, 0);
    -o-transform: translate(-250px, 0);
    transform: translate(-250px, 0)
}
.like-1 {
    width: 100%;
    height: 100%
}
.like-1 ul {
    margin: 20px 10px;
    padding: 0
}
.like-1 ul li {
    margin-top: 10px;
    float: left;
    padding-left: 10px
}
.like-1 li a:hover {
    color: #FFF;
    - -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.like-1:after {
    width: 50px;
    height: 57px;
    background: url(../imagesn/like.png) no-repeat;
    left: -48px;
    bottom: 6px;
    position: relative
}
.pr-2 {
    width: 15%;
    height: 169px;
    background: url(../imgn/pr-1.png) #ab0101
}
.pr-1:after {
    width: 45px;
    height: 160px;
    background: url(../imgn/pr-1_03.png) no-repeat #ab0101;
    left: 320px;
    bottom: 505px;
    position: relative;
    -webkit-box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75);
    -moz-box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75);
    box-shadow: 2px 5px 15px 0 rgba(0, 0, 0, .75)
}
.panel,
.slider-arrow {
    left: -300px;
    float: left;
    position: relative
}
.panel {
    width: 300px;
    height: 550px;
    background: #d9dada
}
.slider-arrow {
    padding: 5px;
    width: 40px;
    background: red;
    font: 400 12px Arial, Helvetica, sans-serif;
    color: #000;
    -webkit-transition: none
}
@media (min-width: 1700px) {
    .container {
        width: 1680px
    }
}

@media only screen and (max-width: 1699px) and (min-width: 1401px) {

    .container {
        width: 1280px
    }
}
@media screen and (max-width: 1400px) {
    .col-md-9 {
        width: 70%
    }
    .btton {
        width: 130px
    }
    .skdslider {
        height: 405px
    }
    .prdcts {
        top: 140px
    }
}
@media screen and (max-width: 921px) {
    .inquir {

        padding-right: 15%!important
    }
}
.searchflot {
    padding-right: 0;
    float: left
}
@media screen and (max-width: 921px) {
    .searchflot {
        float: left!important
    }
}
.hvr-underline-from-center {
    display: inline-block;
    padding-bottom: 4px;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px transparent;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    overflow: hidden
}
.hvr-underline-from-center:before {
    content: "";
    position: absolute;
    z-index: -1;
    left: 50%;
    right: 50%;
    bottom: 0;
    background: #FFF;
    height: 3px;
    -webkit-transition-property: left, right;
    transition-property: left, right;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out
}
.hvr-underline-from-center:active:before,
.hvr-underline-from-center:focus:before,
.hvr-underline-from-center:hover:before {
    left: 0;
    right: 0
}
.othr {
    background: 0 0!important;
    padding-left: 0!important;
    font-size: 13px!important;
    border-bottom: 1px solid #BFBFBF;
    color: #616161!important;
    padding-top: 5px!important;
    padding-bottom: 5px!important
}
@-webkit-keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0)
    }
}
@keyframes fadeInLeftBig {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateX(0)
    }
}
.fadeInLeftBig {
    -webkit-animation-name: fadeInLeftBig;
    animation-name: fadeInLeftBig
}
@-webkit-keyframes fadeInDownBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes fadeInDownBig {
    0% {
        opacity: 0;
        transform: translateY(-2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInDownBig {
    -webkit-animation-name: fadeInDownBig;
    animation-name: fadeInDownBig
}
@-webkit-keyframes fadeInUpBig {
    0% {
        opacity: 0;
        -webkit-transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0)
    }
}
@keyframes fadeInUpBig {
    0% {
        opacity: 0;
        transform: translateY(2000px)
    }
    100% {
        opacity: 1;
        transform: translateY(0)
    }
}
.fadeInUpBig {
    -webkit-animation-name: fadeInUpBig;
    animation-name: fadeInUpBig
}
@-webkit-keyframes bounceInRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(-30px)
    }
    80% {
        -webkit-transform: translateX(10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@keyframes bounceInRight {
    0% {
        opacity: 0;
        transform: translateX(2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(-30px)
    }
    80% {
        transform: translateX(10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInRight {
    -webkit-animation-name: bounceInRight;
    animation-name: bounceInRight
}
.animated {
    -webkit-animation-duration: 3s;
    animation-duration: 3s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out
}
@-webkit-keyframes bounceInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        -webkit-transform: translateX(30px)
    }
    80% {
        -webkit-transform: translateX(-10px)
    }
    100% {
        -webkit-transform: translateX(0)
    }
}
@keyframes bounceInLeft {
    0% {
        opacity: 0;
        transform: translateX(-2000px)
    }
    60% {
        opacity: 1;
        transform: translateX(30px)
    }
    80% {
        transform: translateX(-10px)
    }
    100% {
        transform: translateX(0)
    }
}
.bounceInLeft {
    -webkit-animation-name: bounceInLeft;
    animation-name: bounceInLeft
}
.prod-list {
    width: 100%;
    height: auto;
    border: 1px solid #232323;
    background: rgba(29, 29, 29, .7);
    margin-bottom: 30px;
    -webkit-box-shadow: 1px 33px 15px -27px rgba(0, 0, 0, .39);
    -moz-box-shadow: 1px 33px 15px -27px rgba(0, 0, 0, .39);
    box-shadow: 1px 33px 15px -27px rgba(0, 0, 0, .39);
    font-family: 'Maven Pro', sans-serif
}
.prod-img {
    width: 94%;
    height: auto;
    float: left;
    border: 1px solid #333;
    margin: 25px;
    -webkit-box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69);
    -moz-box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69);
    box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69)
}
.prod-img img {
    opacity: 1!important;
    -o-transition: 1s;
    -ms-transition: 1s;
    -moz-transition: 1s;
    -webkit-transition: 1s;
    transition: 1s
}
.prod-img:hover img {
    -webkit-box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69);
    -moz-box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69);
    box-shadow: 0 3px 24px 1px rgba(0, 0, 0, .69);
    opacity: .2!important;
    -o-transition: .01s;
    -ms-transition: .01s;
    -moz-transition: .01s;
    -webkit-transition: .01s;
    transition: .1s
}
.titles h4,
.titles h3 {
    position: absolute;
    display: none;
    left: 27%;
    top: 38%;
    font-family: PolanCanIntoBigWritingsOLn
}
#tthover:hover .titles h4,
#tthover:hover .titles h3,
.tthover:hover .titles h4,
.tthover:hover .titles h3 {
    position: absolute;
    display: block;
    color: #a5a5a5;
    z-index: 99;
    text-align: right;
    font-size: 24px;
    font-family: PolanCanIntoBigWritingsOLn;
    line-height: 1.3;
    opacity: 1
}
#tthover:hover .titles h4 {
    left: 22%;
    top: 64%
}
#tthover:hover .titles h3,
.tthover:hover .titles h3 {
    left: 26%;
    top: 70%
}
.titles h4 span,
.titles h3 span {
    font-family: 'Josefin Sans', sans-serif;
    font-size: 20px;
    color: #8e8e8e
}
.prod-content,
.prod-content h2,
.prod-content h4,
.prod-content p {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: 400
}
@media screen and (max-width: 1299px) and (min-width: 1200px) {
    #tthover:hover .titles h4 {
        left: 22%;
        font-size: 18px;
        top: 59%
    }
	.titles h4 span{font-size: 15px;}
    #tthover:hover .titles h3 {
        left: 27%;
        font-size: 18px;
        top: 67%
    }
    .tthover:hover .titles h4 {
        left: 20% !important;
        font-size: 18px;
        top: 59% !important;
    }
    .tthover:hover .titles h3 {
        left: 27%;
        font-size: 18px;
        top: 67%
    }
}
@media screen and (max-width: 1200px) and (min-width: 996px) {
    #tthover:hover .titles h4,
    #tthover:hover .titles h3,
    .tthover:hover .titles h4,
    .tthover:hover .titles h3 {
        left: 48%;
        top: 36999%;
        font-size: 22px
    }
}

@media screen and (max-width: 1200px){.tthover:hover .titles h4,#tthover:hover .titles h3{display:none;}}
@media screen and (max-width: 1399px) and (min-width: 1299px) {
   
    .tthover:hover .titles h4
     {
        left: 16% !important;
		top: 59% !important;
    }
	
   #tthover:hover .titles h3
     {
	left: 18% !important;
    top: 67% !important;
    }
		
}

.tthover:hover .titles h4 {
    left: 20%;
    top: 59%;}
.prod-content {
    margin: 25px;
    font-size: 13px;
    color: #A9A9A9;
    text-align: justify
}
.prod-content p {
    font-size: 11px;
    color: #7A7A7A;
    text-align: justify;
    margin-top: 10px
}
.prod-content h2,
.prod-content h4 {
    color: #E0E0E0;
    font-size: 16px
}
.prod-content2 {
    width: 100%;
    height: 50px;
    float: left;
    border-top: 1px solid #333
}
.clear {
    clear: both
}
.prod-contentdiv {
    float: right;
    margin-bottom: 20px;
    margin-top: 10px
}
.prod-contentdiv-1,
.prod-contentdiv-2,
.prod-contentdiv-3 {
    float: left
}
.prod-contentdiv-1 ul {
    margin: auto;
    float: left;
    padding-left: 15px
}
.prod-contentdiv-1 ul li {
    list-style: none;
    float: left;
    padding-left: 20px;
    color: #666;
    background: url(../imagesn/readmore.png) left no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.prod-contentdiv-1 ul li:hover,
.prod-contentdiv-2 ul li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}
.prod-contentdiv-1 ul li:hover {
    color: #FFF;
    background: url(../imagesn/readmore_01-hover.png) left no-repeat;
    transition: all .2s ease-in-out
}
.prod-contentdiv-2 ul {
    margin: auto;
    float: left;
    padding-left: 15px
}
.prod-contentdiv-2 ul li {
    list-style: none;
    float: left;
    padding-left: 20px;
    color: #666;
    background: url(../imagesn/gallery.png) left no-repeat;
    transition: all .2s ease-in-out
}
.prod-contentdiv-2 ul li:hover,
.prod-contentdiv-3 ul li {
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out
}
.prod-contentdiv-2 ul li:hover {
    color: #FFF;
    background: url(../imagesn/gallery_01-hover.png) left no-repeat;
    transition: all .2s ease-in-out
}
.prod-contentdiv-3 ul {
    margin: auto;
    float: left;
    padding-left: 15px
}
.prod-contentdiv-3 ul li {
    list-style: none;
    float: left;
    padding-left: 20px;
    color: #666;
    background: url(../imagesn/inquiry.png) left no-repeat;
    transition: all .2s ease-in-out
}
.prod-contentdiv-3 ul li:hover {
    color: #FFF;
    background: url(../imagesn/inquiry_01-hover.png) left no-repeat;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
.container b {
    font-weight: 700;
    font-size: 14px;
    color: #adadad;
    font-family: inherit;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
.normal h1,
.partext h3,
.partext span {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif
}
figure {
    margin: 10px!important
}
@media(max-width:936px) {
    .prod-img {
        width: 100%
    }
    .headerseperate {
        width: 100%;
        height: 150px;
        border: none;
        overflow: hidden
    }
}
.partext h3,
.partext span {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    position: relative;
    z-index: 1;
    overflow: hidden;
    text-shadow: #030303 2px 2px 2px
}
.partext h3::after,
.partext span::after {
    display: none!important
}
@media(max-width:799px) {
    .band {
        display: block
    }
    .srch {
        display: none
    }
}
@media(min-width:800px) {
    .band {
        display: none
    }
}
@media only screen and (min-width: 800px) {
    #bands {
        display: block
    }
    .band {
        display: none
    }
}
@media only screen and (max-width: 799px) {
    #bands {
        display: none
    }
}
.borderimg {
    width: 100%;
    background-color: transparent;
    height: 0;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
    border-top: 1px solid rgba(0, 0, 0, .9);
    margin-bottom: 0!important
}
.fortitle,
.normal h1 {
    float: left;
    margin: 0
}
.normal h1 {
    font-size: 14px;
    font-weight: 400;
    color: #919191;
    text-align: justify;
    border: none;
    line-height: 1.7;
    padding-left: 7px;
    padding-right: 7px
}
.normal h1:after,
.normal h1:before {
    display: none
}
.styles1 {
    margin-top: 27px!important
}
.stlye2 {
    font-size: 13px!important
}
.style3 {
    margin-top: 12px!important
}
.style4 {
    border: none!important
}
.style5 {
    padding-top: 0!important
}
.style6 {
    margin: auto!important;
    float: none!important
}
.style7 {
    padding-bottom: 20px!important
}
.style8 {
    margin-bottom: 50px!important
}
.style9 {
    padding: 0!important
}