html {
    -webkit-font-smoothing: antialiased;
    height: 100%;
}
body {
    word-wrap: break-word;
    -ms-word-wrap: break-word;
    font-size: 14px;
    height: 100%;
    line-height: 1.6;
    font-family:"Microsoft YaHei", Arial, Helvetica, sans-serif;
	padding-top:0px;
	background:#ffffff;
}
body,html{-webkit-text-size-adjust:none;}
h1, h2, h3, h4, h5, h6 {
    font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;
    font-weight: normal;
}
h1 {
    font-size: 42px;
    line-height: 1.4;
}
h2 {
    font-size: 36px;
    line-height: 1;
}
h3 {
    font-size: 24px;
    line-height: 1.11111;
}
h4 {
    font-size: 18px;
    line-height: 1.125;
}
h5 {
    font-size: 16px;
    line-height: 1.125;
}
h6 {
    font-size: 14px;
    line-height: 1.6;
}
p {
    color: #333333;
    margin: 0 0 20px;
}
a {
    cursor: pointer;
    outline: none;
    color: #333333;
}
a:hover, a:active, a:focus {
    text-decoration: none;
    outline: none;
}
blockquote {
    margin: 1em 0;
    border-left: 10px solid #ccc;
    padding-left: 12px;
}
table th {
    background: #ddd;
    font-weight: bold;
}

table td, table th {
    padding: 8px;
    border: 1px solid #bbb;
    text-align: left;
}

dt {
    font-weight: bold;
}
ul, ol {
    padding: 0 0 0 20px;
}
ul {
    list-style: disc;
}
ol {
    list-style: decimal;
}
pre {
    white-space: pre;
    word-wrap: normal;
    overflow-x: scroll;
    line-height: 1.3;
    margin: 1em 0;
}
figure {
    max-width: 100%;
    height: auto;
}
*::-moz-selection {
    background: #000;
    color: #fff;
}
*::selection {
    background: #000;
    color: #fff;
}
img {
    max-width: 100%;
    height: auto;
}

 p{
   
	font-size:12px;
	color:#888282;
}


.container{
	padding-right:15px;
	padding-left:15px;
	margin-right:auto;
	margin-left:auto;
	
}
@media (min-width:768px){.container{width:750px;}}
@media (min-width:992px){.container{width:970px;}}
@media (min-width:1200px){.container{width:1170px}}

.btn {
    position: relative;
    padding: 4px 10px;
    border: 0;
    margin: 1px 1px;
    cursor: pointer;
    -webkit-border-radius: 0px;
    border-radius: 5px;
    text-decoration: none;
    color: rgba(169, 0, 68, 1);
    -webkit-transition: -webkit-box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    -o-transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    transition: box-shadow .28s cubic-bezier(.4, 0, .2, 1);
    outline: none!important;
    color: #ffffff;
	font-size:12px;
    background: #B7870C;
}




.btn:hover {
    color: #ffffff;
    -webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .23), 0 10px 30px rgba(0, 0, 0, .19);
    box-shadow: 0 6px 10px rgba(0, 0, 0, .23), 0 10px 30px rgba(0, 0, 0, .19);
}

/* Background Header */

.header-wrap {
    background-color: #ffffff;
    margin-bottom: 0px;
}
.background-header {
  
}
.background-header img {
    width: 100%;
}
h1.page-title {
    text-transform: uppercase;
    font-family: 'montserratregular';
    font-size: 24px;
    font-size: 2.4rem;
    color: #ffffff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
  width: 100%;
  margin: auto;
}
  


.burger {
    display: none;
}

.slide-holder
{
	padding:0px;
}


[class^="icon-"], [class*=" icon-"] {
  display: inline-block;
  width: 20px;
  height: 23px;
  line-height: 24px;
  vertical-align: text-middle;
  *margin-right: .3em;
}
[class^="icon-"]:last-child, [class*=" icon-"]:last-child {
  *margin-left: 0;
}


.icon-home {
  background-position: 0 0;
}
.icon-about {
  background-position: -25px 0;
}




section.portfolio-single {
    padding: 100px 0;
}
.component {
    margin: 100px auto;
    position: relative;
    margin-bottom: 40px;
    max-width: 100%;
}
.component-fullwidth {
    width: 100%;
    height: 600px;
    margin-bottom: 0;
    background: #333;
}
.component > ul {
    width: 100%;
    max-width: 100%;
    height: 100%;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0 auto;
}
.component-fullwidth > ul {
    overflow: hidden;
}
.component li {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    opacity: 0;
    z-index: 999;
}
.component-fullwidth li {
    overflow: hidden;
}
.component .current {
    opacity: 1;
    pointer-events: auto;
    z-index: 1000;
}
.component-fullwidth li img {
    min-width: 100%;
    max-width: none;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}
/*****************************************/
/* Slide Behind */
/* From https://github.com/hakimel/kontext by Hakim El Hattab, http://hakim.se */
/*****************************************/

.fxSlideBehind .itemwrap {
    -webkit-perspective: 1000px;
    perspective: 1000px;
}
.fxSlideBehind .navOutNext {
    -webkit-animation: hideLeft 0.8s forwards;
    -o-animation: hideLeft 0.8s forwards;
    animation: hideLeft 0.8s forwards;
}
.fxSlideBehind .navInNext {
    -webkit-animation: showRight 0.8s forwards;
    -o-animation: showRight 0.8s forwards;
    animation: showRight 0.8s forwards;
}
.fxSlideBehind .navOutPrev {
    -webkit-animation: hideRight 0.8s forwards;
    -o-animation: hideRight 0.8s forwards;
    animation: hideRight 0.8s forwards;
}
.fxSlideBehind .navInPrev {
    -webkit-animation: showLeft 0.8s forwards;
    -o-animation: showLeft 0.8s forwards;
    animation: showLeft 0.8s forwards;
}
@-webkit-keyframes hideLeft {
    0% {
        -webkit-transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
    }
}
@-o-keyframes hideLeft {
    0% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
    }
}
@keyframes hideLeft {
    0% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
    }
}
@-webkit-keyframes showRight {
    0% {
        -webkit-transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
@-o-keyframes showRight {
    0% {
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
@keyframes showRight {
    0% {
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
@-webkit-keyframes hideRight {
    0% {
        -webkit-transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
    }
}
@-o-keyframes hideRight {
    0% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
    }
}
@keyframes hideRight {
    0% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
    }
    40% {
        -webkit-transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        transform: translate( 0, 40%) scale( 0.8) rotateX( 20deg);
        z-index: 9999;
    }
    100% {
        opacity: 1;
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
    }
}
@-webkit-keyframes showLeft {
    0% {
        -webkit-transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
@-o-keyframes showLeft {
    0% {
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
@keyframes showLeft {
    0% {
        -webkit-transform: translateZ( -400px);
        transform: translateZ( -400px);
        opacity: 1;
    }
    40% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
    }
    41% {
        -webkit-transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        transform: translate( 0, -40%) scale( 0.8) rotateX( -20deg);
        opacity: 1;
        z-index: 9999;
    }
    100% {
        -webkit-transform: translateZ( 0px);
        transform: translateZ( 0px);
        opacity: 1;
        z-index: 9999;
    }
}
/*button*/

.portfolio-single nav {} .portfolio-single nav .prev {
    left: 5%;
    position: absolute;
    top: 45%;
    color: #ffffff;
    text-transform: uppercase;
}
.portfolio-single nav .prev:before {
    content: "\e09e";
    font-family: "smaze";
    font-size: 60px;
    font-size: 6rem;
    display: block;
}
.portfolio-single nav .next {
    right: 5%;
    position: absolute;
    top: 45%;
    color: #ffffff;
    text-transform: uppercase;
}
.portfolio-single nav .next:before {
    content: "\e09f";
    font-family: "smaze";
    font-size: 60px;
    font-size: 6rem;
    display: block;
}
.portfolio-single nav .prev:hover, .portfolio-single nav .next:hover {
    color: #fc4349;
}
/* detail */

.img-single-portfolio-content {
    padding-right: 0;
}
.img-single-portfolio-content img {
    width: 100%;
}
.desc-single-portfolio-content {
    padding: 50px 70px 0px 120px;
}
.desc-single-portfolio-content .title {
    font-family: 'montserratregular';
    text-transform: uppercase;
}
.thecontent-single-portfolio-desc {
    margin: 30px 0;
}
.desc-single-portfolio-content .dark-social-icon {
    border: 0;
    text-align: left;
}
/*parallax background*/

.full-page-section#single-portfolio {
    background-image: url(../images/single-portfolio-slogan.jpg);
    background-attachment: scroll;
    padding: 70px 0;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    position: relative;
}
.full-page-section#single-portfolio .slogan a:hover {
    color: #fc4349;
    text-decoration: underline;
}

.grid-sizer {
    width: 25%;
}

.hi-icon {
    display: inline-block;
    font-size: 30px;
    cursor: pointer;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    text-align: center;
    position: relative;
    z-index: 1;
    color: #ffffff;
}
.hi-icon:after {
    pointer-events: none;
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    content: '';
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}


.testimonial-builder {
    background-color: #343434;
}
.testimonial-item.flexslider {
    /*border-radius*/
    
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0;
    margin: 0;
    background: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
}
.flex-control-nav li {
    margin: 0 6px;
}
.testimonial-item.flexslider ul.slides li {
    padding: 140px 0 180px;
    position: relative;
}
.testimonial-item.flexslider ul.slides li p {
    padding-left: 160px;
    text-align: left;
    color: #ffffff;
    width: 60%;
    margin: 20px auto 0;
    font-style: italic;
}
.flex-control-nav {
    bottom: 0;
}
.flex-control-paging li a {
    width: 10px;
    height: 10px;
    background: #ffffff;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-border-radius: 100%;
    border-radius: 100%;
}
.testimonial-item.flexslider .flex-control-paging li a.flex-active {
    background: #fc4349;
}
/*the author*/

.testimoni-author {
    position: absolute;
    text-align: center;
    left: 20%;
}
.testimonial-item.flexslider .slides img {
    width: 100px;
    height: 100px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    left: 20%;
    border: 3px solid #bbbbbb;
    margin: 0 auto;
}
.testimonial-item.flexslider .slides cite {
    color: #ffffff;
    margin-top: 5px;
    font-style: normal;
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    text-align: center;
    font-weight: normal;
    font-family: 'open_sansregular';
}
.testimonial-item.flexslider .slides h4 {
    font-size: 20px;
    font-size: 2rem;
    color: #ffffff;
    font-style: normal;
    font-weight: normal;
    font-family: 'montserratregular';
    margin-top: 15px;
}
/* arrow */

.flex-direction-nav .flex-next {
    right: 0;
}
.flex-direction-nav .flex-prev {
    left: 0;
}
.flexslider:hover .flex-next {
    right: 150px;
}
.flexslider:hover .flex-prev {
    left: 150px;
}
.flex-direction-nav a:before {
    font-size: 24px;
    font-size: 2.4rem;
    color: #ffffff;
}
/*icon*/

.testi-quote {
    position: absolute;
    left: 50%;
    bottom: 10%;
    font-size: 72px;
    color: #fc4349;
    width: 90px;
}
.testi-quote:before {
    font-style: italic !important;
}
/*-----------------------------------------------------------------------------------*/
/*  3i. SLOGAN WITH BUTTON SECTION
/*-----------------------------------------------------------------------------------*/

.slogan-button {
    background-color: #232323;
    padding: 50px 0;
}
.slogan-button .slogan {
    text-align: center;
}
.slogan-button .slogan-title {
    color: #ffffff;
    text-transform: uppercase;
    display: inline-block;
    margin-right: 20px;
}
.slogan-button .slogan-btn {
    -webkit-border-radius: 25px;
    border-radius: 25px;
    padding: 15px 35px;
    text-transform: none;
}


.full-page-section.parallax {
    background-repeat: no-repeat;
    background-size: cover;
    padding: 300px 0;
    background-attachment: fixed;
    background-position: center top;
    position: relative;
}
/* the background */


.thetitle-slogan {
    font-size: 60px;
    font-size: 6rem;
    color: #3D3A3A;
    position: relative;
    text-align: center;
    text-transform: uppercase;
}

.thetitle {
    text-align: center;
	font-size:28px;
}



.transparent-btn {
    position: relative;
    display: block;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    color: #ffffff;
}
.transparent-btn .btn {
    background: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ffffff;
    padding: 20px 160px;
    letter-spacing: 5px;
}


.skillbar {
    position: relative;
    display: block;
    margin-bottom: 15px;
    width: 100%;
    background: #eee;
    height: 35px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -webkit-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    -o-transition-property: width, background-color;
    transition-property: width, background-color;
}
.skillbar-title {
    position: absolute;
    top: 0;
    left: 0;
    width: 110px;
    font-weight: bold;
    font-size: 13px;
    color: #ffffff;
    background: #6adcfa;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.skillbar-title span {
    display: block;
    background: rgba(0, 0, 0, 0.1);
    padding: 0 20px;
    height: 35px;
    line-height: 35px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.skillbar-bar {
    height: 35px;
    width: 0px;
    background: #6adcfa;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}
.skill-bar-percent {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 11px;
    height: 35px;
    line-height: 35px;
    color: #ffffff;
    color: rgba(0, 0, 0, 0.4);
}
.skills-barrow {
    padding-bottom: 28px;
}
.skills-title {
    position: relative;
    font-size: 14px;
    line-height: 20px;
    color: #282828;
    margin-bottom: 10px;
}
.bar-perce {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    line-height: 20px;
    color: #282828;
}
.skills-bar {
    background: #d5d5d5;
    height: 25px;
    position: relative;
    width: 100%;
    -webkit-transition: 0.4s linear;
    -o-transition: 0.4s linear;
    transition: 0.4s linear;
    -webkit-transition-property: width, background-color;
    8 -o-transition-property: width, background-color;
    transition-property: width, background-color;
}
.bar {
    height: 25px;
    width: 0px;
    background-color: #fd4f34;
}




body:not(.device-touch):not(.device-xs):not(.device-xxs) .news-banner-overlay {
    -webkit-transition: opacity .4s ease-in-out;
    -o-transition: opacity .4s ease-in-out;
    transition: opacity .4s ease-in-out;
}



.gutter-sizer {
    width: 1%;
}

.v-align-bottom {
  vertical-align: bottom;
  display: table-cell;
}
.v-align-top {
  vertical-align: top;
  display: table-cell;
}
.v-align-middle {
  vertical-align: middle;
  display: table-cell;
}
.h-align-middle {
  margin-left: auto;
  margin-right: auto;
  display: table;
}
.padding-10 {
  padding: 10px;
}
.padding-20 {
  padding: 20px;
}
.p-t-5 {
  padding-top: 5px;
}
.p-r-5 {
  padding-right: 5px;
}
.p-l-5 {
  padding-left: 5px;
}
.p-b-5 {
  padding-bottom: 5px;
}
.p-t-10 {
  padding-top: 10px;
}
.p-r-10 {
  padding-right: 10px;
}
.p-l-10 {
  padding-left: 10px;
}
.p-b-10 {
  padding-bottom: 10px;
}
.p-t-15 {
  padding-top: 15px;
}
.p-r-15 {
  padding-right: 15px;
}
.p-l-15 {
  padding-left: 15px;
}
.p-b-15 {
  padding-bottom: 15px;
}
.p-t-20 {
  padding-top: 20px;
}
.p-r-20 {
  padding-right: 20px;
}
.p-l-20 {
  padding-left: 20px;
}
.p-b-20 {
  padding-bottom: 20px;
}
.p-t-25 {
  padding-top: 25px;
}
.p-r-25 {
  padding-right: 25px;
}
.p-l-25 {
  padding-left: 25px;
}
.p-b-25 {
  padding-bottom: 25px;
}
.p-t-30 {
  padding-top: 30px;
}
.p-r-30 {
  padding-right: 30px;
}
.p-l-30 {
  padding-left: 30px;
}
.p-b-30 {
  padding-bottom: 30px;
}
.p-t-35 {
  padding-top: 35px;
}
.p-r-35 {
  padding-right: 35px;
}
.p-l-35 {
  padding-left: 35px;
}
.p-b-35 {
  padding-bottom: 35px;
}
.p-t-40 {
  padding-top: 40px;
}
.p-r-40 {
  padding-right: 40px;
}
.p-l-40 {
  padding-left: 40px;
}
.p-b-40 {
  padding-bottom: 40px;
}
.p-t-45 {
  padding-top: 45px;
}
.p-r-45 {
  padding-right: 45px;
}
.p-l-45 {
  padding-left: 45px;
}
.p-b-45 {
  padding-bottom: 45px;
}
.p-t-50 {
  padding-top: 50px;
}
.p-r-50 {
  padding-right: 50px;
}
.p-l-50 {
  padding-left: 50px;
}
.p-b-50 {
  padding-bottom: 50px;
}
.p-t-55 {
  padding-top: 55px;
}
.p-r-55 {
  padding-right: 55px;
}
.p-l-55 {
  padding-left: 55px;
}
.p-b-55 {
  padding-bottom: 55px;
}
.p-t-60 {
  padding-top: 60px;
}
.p-r-60 {
  padding-right: 60px;
}
.p-l-60 {
  padding-left: 60px;
}
.p-b-60 {
  padding-bottom: 60px;
}
.p-t-65 {
  padding-top: 65px;
}
.p-r-65 {
  padding-right: 65px;
}
.p-l-65 {
  padding-left: 65px;
}
.p-b-65 {
  padding-bottom: 65px;
}
.p-t-70 {
  padding-top: 70px;
}
.p-r-70 {
  padding-right: 70px;
}
.p-l-70 {
  padding-left: 70px;
}
.p-b-70 {
  padding-bottom: 70px;
}
.p-t-75 {
  padding-top: 75px;
}
.p-r-75 {
  padding-right: 75px;
}
.p-l-75 {
  padding-left: 75px;
}
.p-b-75 {
  padding-bottom: 75px;
}
.p-t-80 {
  padding-top: 80px;
}
.p-r-80 {
  padding-right: 80px;
}
.p-l-80 {
  padding-left: 80px;
}
.p-b-80 {
  padding-bottom: 80px;
}
.p-t-85 {
  padding-top: 85px;
}
.p-r-85 {
  padding-right: 85px;
}
.p-l-85 {
  padding-left: 85px;
}
.p-b-85 {
  padding-bottom: 85px;
}
.p-t-90 {
  padding-top: 90px;
}
.p-r-90 {
  padding-right: 90px;
}
.p-l-90 {
  padding-left: 90px;
}
.p-b-90 {
  padding-bottom: 90px;
}
.p-t-95 {
  padding-top: 95px;
}
.p-r-95 {
  padding-right: 95px;
}
.p-l-95 {
  padding-left: 95px;
}
.p-b-95 {
  padding-bottom: 95px;
}
.p-t-100 {
  padding-top: 100px;
}
.p-r-100 {
  padding-right: 100px;
}
.p-l-100 {
  padding-left: 100px;
}
.p-b-100 {
  padding-bottom: 100px;
}
.m-t-5 {
  margin-top: 5px;
}
.m-r-5 {
  margin-right: 5px;
}
.m-l-5 {
  margin-left: 5px;
}
.m-b-5 {
  margin-bottom: 5px;
}
.m-t-10 {
  margin-top: 10px;
}
.m-r-10 {
  margin-right: 10px;
}
.m-l-10 {
  margin-left: 10px;
}
.m-b-10 {
  margin-bottom: 10px;
}
.m-t-15 {
  margin-top: 15px;
}
.m-r-15 {
  margin-right: 15px;
}
.m-l-15 {
  margin-left: 15px;
}
.m-b-15 {
  margin-bottom: 15px;
}
.m-t-20 {
  margin-top: 20px;
}
.m-r-20 {
  margin-right: 20px;
}
.m-l-20 {
  margin-left: 20px;
}
.m-b-20 {
  margin-bottom: 20px;
}
.m-t-25 {
  margin-top: 25px;
}
.m-r-25 {
  margin-right: 25px;
}
.m-l-25 {
  margin-left: 25px;
}
.m-b-25 {
  margin-bottom: 25px;
}
.m-t-30 {
  margin-top: 30px;
}
.m-r-30 {
  margin-right: 30px;
}
.m-l-30 {
  margin-left: 30px;
}
.m-b-30 {
  margin-bottom: 30px;
}
.m-t-35 {
  margin-top: 35px;
}
.m-r-35 {
  margin-right: 35px;
}
.m-l-35 {
  margin-left: 35px;
}
.m-b-35 {
  margin-bottom: 35px;
}
.m-t-40 {
  margin-top: 40px;
}
.m-r-40 {
  margin-right: 40px;
}
.m-l-40 {
  margin-left: 40px;
}
.m-b-40 {
  margin-bottom: 40px;
}
.m-t-45 {
  margin-top: 45px;
}
.m-r-45 {
  margin-right: 45px;
}
.m-l-45 {
  margin-left: 45px;
}
.m-b-45 {
  margin-bottom: 45px;
}
.m-t-50 {
  margin-top: 50px;
}
.m-r-50 {
  margin-right: 50px;
}
.m-l-50 {
  margin-left: 50px;
}
.m-b-50 {
  margin-bottom: 50px;
}
.m-t-55 {
  margin-top: 55px;
}
.m-r-55 {
  margin-right: 55px;
}
.m-l-55 {
  margin-left: 55px;
}
.m-b-55 {
  margin-bottom: 55px;
}
.m-t-60 {
  margin-top: 60px;
}
.m-r-60 {
  margin-right: 60px;
}
.m-l-60 {
  margin-left: 60px;
}
.m-b-60 {
  margin-bottom: 60px;
}
.m-t-65 {
  margin-top: 65px;
}
.m-r-65 {
  margin-right: 65px;
}
.m-l-65 {
  margin-left: 65px;
}
.m-b-65 {
  margin-bottom: 65px;
}
.hide {
  display: none;
}
.margin-top-10 {
  margin-top: 10px;
}
.margin-top-20 {
  margin-top: 20px;
}
.margin-bottom-10 {
  margin-bottom: 10px;
}
.margin-bottom-20 {
  margin-bottom: 20px;
}
.inline {
  display: inline-block !important;
}
.b-blank {
  border-color: #000;
}
.b-r {
  border-right: 1px solid;
}
.b-l {
  border-left: 1px solid;
}
.b-t {
  border-top: 1px solid;
}
.b-b {
  border-bottom: 1px solid;
}
.b-a {
  border-width: 1px solid;
}
.b-transparent {
  border-color: rgba(0, 0, 0, 0.4);
}
.b-grey {
  border-color: #e5e9ec;
}
.visible-xlg {
  display: none;
}
.hidden-xlg {
  display: block;
}
.image-responsive-width {
  width: 100%;
}
.box-250 {
  width: 250px;
  height: 250px;
}

.thetitle{
	font-size: 24px;
    font-size: 2.4rem;
    line-height: 1.125;
	font-weight:bold;
}


.subtitle {
    text-align: center;
	font-size: 14px;
    font-size: 1.4rem;
}


.cleaf
{
	clear:both;
}
.page_nr{ 
	clear:both; 
	height:38px; 
	line-height:38px; 
	text-align:center; 
	font-size:14px; 
	color:#222222;
	margin-bottom:20px;
}
.page_nr a  { 
	color:#222222; 
	margin:0px 4px; 
	padding:4px 5px;
}
.page_nr a:hover {
	color:#fff; 
	background:#A90044; 
	text-decoration:none; 
}

.tm2008style .select_box{width:292px;height:32px;}
.tm2008style div.tag_select{display:block;color:#898989;width:292px;height:32px;_width:290px;_height:31px;background:transparent url("../images/search_bg.png") no-repeat 0 0;padding:0 10px;line-height:32px;}

.tm2008style div.tag_select_hover{display:block;color:#898989;width:292px;height:32px;_width:290px;_height:31px;background:transparent url("../images/search_bg.png") no-repeat 0 -33px;padding:0 10px;line-height:32px;}

.tm2008style div.tag_select_open{display:block;color:#898989;width:292px;height:32px;background:transparent url("../images/search_bg.png") no-repeat 0 -33px;padding:0 10px;line-height:32px;}
.tm2008style ul.tag_options {padding:0px;margin:0px;list-style:none;}
.tm2008style ul.tag_options li{background:transparent url("../images/search_bg.png") repeat-y -297px 0;display:block;width:251px;padding:0 10px;height:32px;text-decoration:none;line-height:32px;color:#898989;margin:0px;}

.tm2008style ul.tag_options li.open_hover{background:transparent url("../images/search_bg.png") no-repeat 0 -133px;color:#898989}
.tm2008style ul.tag_options li.open_selected{background:ccc url("../images/search_bg.png") no-repeat 0 -166px;color:#19555F}



.bannercontainer {
    width: 100%;
    position: relative;
    padding: 0;
}

.bannercontainer .tp-rightarrow:before {
    content: "\e09f";
    font-family: "smaze" !important;
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
}
.bannercontainer .tp-leftarrow:before {
    content: "\e09e";
    font-family: "smaze" !important;
    font-size: 50px;
    font-size: 5rem;
    font-weight: bold;
}
.bannercontainer .tparrows, .bannercontainer .tparrows:hover {
    background: transparent !important;
}
.bannercontainer .tp-bullets {
    display: none;
}
/* text */

.bannercontainer .caption .large_text, .bannercontainer .caption.large_bold_white, .bannercontainer .caption.medium_text {
    font-weight: bold;
	color:#ffffff;
	font-size:36px;
}




.tm2009style .select_box{width:190px;height:32px;}
.tm2009style div.tag_select{display:block;color:#898989;width:190px;height:32px;_width:290px;_height:31px;background:transparent url("../images/search_bg_top.png") no-repeat 0 0;padding:0 10px;line-height:32px;}

.tm2009style div.tag_select_hover{display:block;color:#898989;width:190px;height:32px;_width:190px;_height:31px;background:transparent url("../images/search_bg_top.png") no-repeat 0 -33px;padding:0 10px;line-height:32px;}

.tm2009style div.tag_select_open{display:block;color:#898989;width:190px;height:32px;background:transparent url("../images/search_bg_top.png") no-repeat 0 -33px;padding:0 10px;line-height:32px;}
.tm2009style ul.tag_options {padding:0px;margin:0px;list-style:none;}
.tm2009style ul.tag_options li{background:transparent url("../images/search_bg_top.png") repeat-y -297px 0;display:block;width:151px;padding:0 10px;height:32px;text-decoration:none;line-height:32px;color:#898989;margin:0px;}

.tm2009style ul.tag_options li.open_hover{background:transparent url("../images/search_bg_top.png") no-repeat 0 -133px;color:#898989}
.tm2009style ul.tag_options li.open_selected{background:ccc url("../images/search_bg_top.png") no-repeat 0 -166px;color:#19555F}

.red
{
	color:red;
}

/*---------------���Ӳ���--------------*/
/*ˮƽ����*/
.ubox{
  display:-webkit-box;
  display:box;
  display:-webkit-flex;
  display:flex;
}
/*��ֱ����*/
.ubox-v{
  display:-webkit-box;
  display:box;
  display:-webkit-flex;
  display:flex;
  box-orient:vertical;
  -webkit-box-orient: vertical;
  flex-direction:column;
  -webkit-flex-direction:column;
}

.ub-f1{
  flex:1;
  -webkit-flex:1;
  box-flex:1;
  -webkit-box-flex:1;
}

.ub-ac{
  -webkit-box-align: center;
  box-align: center;
  -webkit-align-items:center;
  align-items: center;
}

.ub-ae{
  -webkit-box-align: end;
  box-align: end;
  -webkit-align-items:flex-end;
  align-items: flex-end;
}

.ub-pc{
  -webkit-box-pack: center;
  box-pack:center;
  align-content:center;
}


.tm2001style .select_box{width:130px;height:27px;}
.tm2001style div.tag_select{display:block;color:#898989;width:130px;height:27px;_width:290px;_height:27px;background:transparent url("../images/select_bg_top.png") no-repeat 0 0;padding:0 10px;line-height:27px;}

.tm2001style div.tag_select_hover{display:block;color:#898989;width:130px;height:27px;_width:190px;_height:25px;background:transparent url("../images/select_bg_top.png") no-repeat 0 -25px;padding:0 10px;line-height:27px;}

.tm2001style div.tag_select_open{display:block;color:#898989;width:130px;height:27px;background:transparent url("../images/select_bg_top.png") no-repeat 0 -25px;padding:0 10px;line-height:27px;}
.tm2001style ul.tag_options {padding:0px;margin:0px;list-style:none;padding-left:0px;}
.tm2001style ul.tag_options li{background:#ffffff;display:block;width:130px;padding:0 10px;height:27px;text-decoration:none;line-height:27px;color:#898989;margin:0px;margin-top:1px;}

.tm2001style ul.tag_options li.open_hover{background:#cccccc;color:#898989}
.tm2001style ul.tag_options li.open_selected{background:ccc url("../images/select_bg_top.png") no-repeat 0 -166px;color:#19555F}

/*---------------gotop--------------*/

/*���IE6�¹�������������*/
/*���IE6�²����� position:fixed ������*/
#gotop{ width:61px; height:51px; background:url(../images/gototop.png) no-repeat; position:fixed; right:25px; cursor:pointer;
_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}

#gotop{ background-position:0 0px;bottom:180px; _margin-bottom:67px;} 


#basic-modal-content {display:none;}

/* Overlay */
#simplemodal-overlay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:460px; width:700px; color:#bbb; background-color:#333; border:4px solid #444; padding:2px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}