body {font-family: 'Open Sans', sans-serif; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; overflow-x: hidden;}
svg, img {vertical-align: top;}
a {transition: all 300ms;}
a, a:hover, a:focus {outline: none; box-shadow: none;}
.dropdown-toggle::after {vertical-align: middle;}


.tm-background-overlay { display: block; position: fixed; z-index: 9998; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0, 0, 0, .6); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s, visibility 0.3s; -moz-transition: opacity 0.3s, visibility 0.3s; transition: opacity 0.3s, visibility 0.3s; cursor: url(../img/cursor-close.svg),auto; }
.tm-background-overlay.active { opacity: 1; visibility: visible; }



.tm-container {width: 1400px; margin: 0 auto;}
@media (max-width:1430px) {.tm-container {width: 100%; padding-left: 15px; padding-right: 15px;}}




.tm-header {width: 100%; height: 120px; position: relative; z-index: 2;}
.tm-header_logo {width: 100%; height: 40px; position: relative;}
.tm-header_logo a {position: absolute; width: 100%; height: 100%; top: -10px; text-align: center;}
.tm-header_logo a img {width: 120px;}
.tm-header_icon {width: 40px; height: 40px; color: #ffffff; text-align: center; line-height: 40px; background-color: rgba(0,0,0,.3); border-radius: 3px; cursor: pointer;}
.tm-header_icon--nav {margin-left: 4px;}
.tm-header .nav-link {font-size: 13px; font-weight: 600; color: #fff;}
.tm-header .dropdown-item {font-size: 13px;}
.tm-header .dropdown-header {font-weight: 600; font-size: 12px; color: #C10000;}

@media (min-width:1200px) {
    .tm-header_icon--nav {display: none;}
}

@media (max-width:575px) {
    .tm-header_left, .tm-header_center, .tm-header_right {padding: 0;}
    .tm-header .row {margin: 0;}
}




.tm-carousel {position: relative; z-index: 1;}
.tm-carousel .item {height: 800px; padding-bottom: 120px; background-size: cover; position: relative;}
.tm-carousel .item::before {content: ""; width: 100%; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; left: 0; top: 0; z-index: 1;}
.tm-carousel .item .container {position: relative; z-index: 5;}
.tm-carousel_cont {position: absolute; bottom: 160px; z-index: 100; width: 100%;}
.tm-carousel_cont .owl-nav {position: relative; display: flex;}
.tm-carousel_cont .owl-nav [class*=owl-] {width: 60px; height: 60px; line-height: 60px; border-radius: 0; margin: 0; color: #000; transition: all 300ms; text-align: center; cursor: pointer; background: #fff;}
.tm-carousel_cont .owl-nav .owl-next {background-color: #f2f2f2;}
.tm-caption {padding-right: 50%;}
.tm-caption a {text-decoration: none; color: inherit;}
.tm-caption h2 { font-size: 52px; color: #fff; font-weight: 300; margin: 0; text-shadow: 4px 4px 20px rgba(0,0,0,0.3);}

.tm-carousel .owl-dots {position: absolute; bottom: 70px; width: 100%; text-align: center;}
.tm-carousel .owl-theme .owl-dots .owl-dot span {width: 6px; height: 6px; margin: 2px; background-color: #fff;}
.tm-carousel .owl-theme .owl-dots .owl-dot.active span, .tm-carousel .owl-theme .owl-dots .owl-dot:hover span {background-color: #C10000;}

@media (max-width: 1199px) {
    .tm-caption {padding-right: 30%;}
}

@media (max-width: 767px) {
    .tm-carousel .item {height: 600px;}
    .tm-caption h2 {font-size: 36px;}
    .tm-caption {padding-right: 30%;}
    .tm-carousel_cont .owl-nav [class*=owl-] {width: 40px; height: 40px; line-height: 40px;}
}

@media (max-width: 575px) {
    .tm-carousel .item {height: 400px; padding-top: 120px;}
    .tm-carousel_cont .owl-nav {display: none;}
    .tm-caption {padding-right: 0; text-align: center; padding: 0 30px;}
    .tm-caption h2 {font-size: 22px; font-weight: 600;}
}



.tm-main {margin-top: -120px;}
.tm-main_heading {background-color: #8B8B8B; width: 100%;}
.tm-main_page--heading {padding-top: 120px; padding-bottom: 120px;}

.tm-page_title {padding: 60px 0;}
.tm-page_title h1 {margin: 0; padding: 0; color: #ffffff; text-shadow: 2px 4px 3px rgba(0,0,0,0.3); font-weight: 300; letter-spacing: -1px;}

.tm-main_container {margin-top: -120px; padding-top: 120px; padding-bottom: 60px; background-color: #ffffff; position: relative; background-image: url(../img/line_bg.png); background-repeat: repeat-y; background-position: center;}
.tm-main_container .container {z-index: 2; position: relative;}
.tm-main_container--line {width: 90%; height: 6px; background-color: #ff0000; position: absolute; left: 50%; margin-left: -45%; top: -6px; z-index: 2;}
.tm-main_container--shadow {width: 100%; height: 300px; background-color: #fff; position: absolute; left: 0; top: 0; z-index: 1; box-shadow: 0 -60px 60px rgba(0, 0, 0, .08); background-image: url(../img/line_bg.png); background-repeat: repeat-y; background-position: center;}
.tm-page_details {position: relative; z-index: 3;}

@media (max-width: 767px) {
    .tm-main_container {padding-top: 60px;}
    .tm-page_title {text-align: center; padding-bottom: 30px;}
}

@media (max-width: 575px) {
    .tm-main_container {padding-top: 30px; padding-bottom: 30px;}
    .tm-main_container {margin-top: -60px;}
    .tm-page_title {padding-bottom: 0;}
}






.tm-promo {padding-bottom: 120px;}
.tm-promo .details h2 { font-size: 28px; line-height: 42px; font-weight: 300; margin-bottom: 30px; }
.tm-promo .container::after { content: ""; width: 3px; height: 100px; background-color: #000; position: absolute; left: -30px; top: -30px; }
.tm-promo_carousel {border: 5px solid #fff; box-shadow: 0 30px 60px rgba(0,0,0,.1);}
.tm-promo_carousel .item {position: relative;}
.tm-promo_carousel .item img {width: 100%;}
.tm-promo .owl-nav { margin: -60px 0 0 0; position: relative; z-index: 10; }
.tm-promo .owl-theme .owl-nav [class*=owl-] { border-radius: 0; margin: 0; width: 30px; height: 30px; line-height: 30px; padding: 0; }
.tm-promo .owl-theme .owl-nav .owl-next { background-color: #8B8B8B; }
.tm-promo_caption {position: absolute; left: 0; bottom: 0; padding: 30px; text-align: center; width: 100%;}
.tm-promo_caption a {text-decoration: none; color: inherit;}
.tm-promo_caption span {font-size: 10px; display: inline-block; text-transform: uppercase; font-weight: 700; letter-spacing: 6px; color: #C10000;}
.tm-promo .owl-theme .owl-nav.disabled+.owl-dots {margin-top: 5px;}
.tm-promo .owl-theme .owl-dots .owl-dot span {width: 6px; height: 6px; margin: 2px;}
.tm-promo .owl-theme .owl-dots .owl-dot.active span, .tm-promo .owl-theme .owl-dots .owl-dot:hover span {background-color: #C10000;}

@media (max-width: 991px) {
    .tm-promo .container::after {content: none;}
    .tm-promo .details {text-align: center;}
    .tm-promo {padding-bottom: 60px;}
}

@media (max-width: 575px) {
    .tm-promo .details h2 {font-size: 18px; line-height: inherit;}
    .tm-promo .container {padding-left: 30px; padding-right: 30px;}
    .tm-promo {padding-bottom: 30px;}
    .tm-promo_caption span {letter-spacing: 2px;}
}



.tm-tabs {position: relative;}
.tm-tabs_container {width: 860px; margin: 0 auto; z-index: 2; position: relative;}
.tm-tabs_bottom {background: #fff; box-shadow: 0 50px 100px rgba(0,0,0,.2);}
.tm-tabs_bottom .nav-item {padding: 0; }
.tm-tabs_bottom .nav-item a {text-align: center; position: relative; height: 80px; color: #fff; font-weight: 600; font-size: 14px; border: none; border-radius: 0;}
.tm-tabs_bottom .nav-item a.active, .tm-tabs_bottom .nav-item a.show {color: #fff;}
.tm-tabs_bottom .nav-item a.active::before, .tm-tabs_bottom .nav-item a.show::before {content: ""; width: 90%; height: 6px; background-color: rgba(0,0,0,.5);; position: absolute; left: 5%; top: 0;}
.tm-tabs_bottom .nav-item:nth-child(1) a {background-color: #F05A22;}
.tm-tabs_bottom .nav-item:nth-child(2) a {background-color: #D7501E;}
.tm-tabs_bottom .nav-item:nth-child(3) a {background-color: #C0481B;}
.tab-content .tab-pane {padding: 60px;}
.tab-content .tab-pane p:last-child {margin: 0;}
.tm-tabs_img { width: 100%; height: 80%; position: absolute; background-color: #F6E9EE; -webkit-clip-path: polygon(0 0,100% 0,100% 90%,0 100%); clip-path: polygon(0 0,100% 0,100% 90%,0 100%); background-size: cover; background-position: center; background-attachment: fixed; z-index: 1;}
.tm-tabs_img::before {content: ""; width: 100%; height: 100%; opacity: .6; position: absolute; left: 0; top: 0; background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%); background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#00000000',GradientType=0 );}
.tm-tabs_top {padding: 100px 0 70px 0;}
.tm-tabs_top h2 {font-size: 28px; line-height: 36px; font-weight: 300; color: #fff; position: relative; margin: 0; padding: 30px 0 0 0;}
.tm-tabs_top h2::before {content: ""; width: 70px; height: 6px; background-color: #F05A22; position: absolute; left: 0; top: 0;}

@media (max-width: 900px) {
    .tm-tabs_container {width: 100%; padding-left: 15px; padding-right: 15px;}
}

@media (max-width: 991px) {
    .tm-tabs_top {text-align: center;}
    .tm-tabs_top h2::before {left: 50%; margin-left: -35px;}
    .tm-tabs_container {padding-left: 30px; padding-right: 30px;}
}

@media (max-width: 767px) {
    .tab-content .tab-pane {padding: 30px; text-align: center;}
}

@media (max-width: 575px) {
    .tm-tabs_top h2 {font-size: 18px; font-weight: 600; line-height: initial;}
    .tab-content .tab-pane {font-size: 14px;}
    .tm-tabs_bottom .nav-item a {height: 60px;}
    .tm-tabs_top {padding: 60px 0 40px 0;}
}




.tm-news {padding-top: 100px;}

.tm-news_box .image img {width: 100%;}
.tm-news_box .details {padding: 20px 40px;}
.tm-news_box .details .meta span {display: inline-block; font-size: 11px; font-weight: 600; color: rgba(0,0,0,.3);}
.tm-news_box .details a {text-decoration: none; color: inherit;}
.tm-news_box .details h2 {font-size: 18px; font-weight: 400; line-height: 25px; margin: 0; padding: 15px 0; color: #F05A22; transition: all 300ms;}
.tm-news_box .details h2:hover {color: #000;}
.tm-news_box .details .btn {font-size: 12px; font-weight: 600; color: #000;}

@media (max-width: 991px) {
    .tm-news_box .details {text-align: center; padding-bottom: 30px; padding-left: 15px; padding-right: 15px;}
    .tm-news_box .details h2 {font-size: 16px; line-height: initial;} 
}

@media (max-width: 575px) {
    .tm-news {padding-top: 60px; padding-bottom: 0;}
}





.tm-nav_bar {width: 400px; height: 100%; background-color: #fff; position: fixed; right: 0; top: 0; z-index: 999999; box-shadow:  0 30px 60px rgba(0,0,0,.2); box-shadow: 0 5px 50px rgba(0, 0, 0, 0); -webkit-transform: translateX(101%) !important; transform: translateX(101%) !important; -webkit-transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); transition: all 300ms cubic-bezier(0.785, 0.135, 0.150, 0.860); -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860); transition-timing-function: cubic-bezier(0.785, 0.135, 0.150, 0.860);}
.tm-nav_bar--inner {-webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; width: 100%; height: 100%;}
.tm-nav_bar.active { box-shadow: 0 5px 50px rgba(0, 0, 0, .3); -webkit-transform: translateX(0) !important; transform: translateX(0) !important; }
.tm-nav_bar--title {position: absolute; font-size: 10px; font-weight: 700; color: #000; left: 30px; top: 18px;}
.tm-nav_bar--close {width: 50px; height: 50px; background-color: #000; color: #fff; line-height: 50px; text-align: center; position: absolute; right: 0; top: 0; cursor: pointer;}
.tm-nav_bar--inner {position: relative; z-index: 1; padding: 100px 30px;;}
.tm-nav_bar .nav {margin: 0 -30px;}
.tm-nav_bar .nav-item {border-bottom: 1px solid rgba(0,0,0,.06);}
.tm-nav_bar .nav-link.active, .tm-nav_bar .nav-link.active:hover {background-color: rgba(0,0,0,.1);}
.tm-nav_bar .nav-item:last-child {border: none;}
.tm-nav_bar .nav-link {padding: 10px 30px; color: #000; font-size: 16px; font-weight: 600; transition: all 300ms;}
.tm-nav_bar .nav-link:hover, .tm-nav_bar .nav-item.show .nav-link {background-color: rgba(0,0,0,.03);}
.tm-nav_bar .dropdown-menu {position: relative !important; top: 0; margin: 0; transform: translate3d(0, 0, 0) !important; float: none; border-radius: 0; border: none; background-color: rgba(0,0,0,.03);}
.tm-nav_bar .dropdown-item {padding: 6px 30px; font-size: 13px;}
.tm-nav_bar .dropdown-header {padding: 5px 30px; text-transform: uppercase; font-size: 10px; font-weight: 700; letter-spacing: 1px;}
.tm-nav_bar .dropdown-item:hover {background-color: rgba(0,0,0,.2)}
.tm-nav_bar--address {padding: 30px 0; font-size: 13px;}
.tm-nav_bar--address a {color: #ff0000; font-weight: 600;}

@media (max-width:460px) {
    .tm-nav_bar {width: calc(100% - 60px);}
}



.tm-search_bar {width: 100%; height: 120px; background-color: #fff; position: fixed; top: -40vh; visibility: hidden; left: 0; z-index: 999999; transition: all 0.3s;}
.tm-search_bar.active { box-shadow: 0 30px 60px rgba(0,0,0,.5); visibility: visible; top: 0; }
.tm-search_bar .tm-search_box { transition: all 300ms; position: relative; }
.tm-search_bar .tm-search_box input { width: 100%; height: 120px; border-radius: 0; padding: 0; border: none; background-color: transparent; font-size: 32px; font-weight: 100; color: #000; }
.tm-search_bar .tm-search_box .btn { background-color: transparent; border: none; cursor: pointer; color: #000;}
.tm-search_bar .tm-search_box .btn:focus {box-shadow: none; outline: none;}

@media (max-width: 575px) {
    .tm-search_bar .tm-search_box input {font-size: 18px;}
}



.tm-language_bar {width: 100%; height: 120px; background-color: #fff; position: fixed; top: -40vh; visibility: hidden; left: 0; z-index: 999999; transition: all 0.3s;}
.tm-language_bar.active { box-shadow: 0 30px 60px rgba(0,0,0,.5); visibility: visible; top: 0;}
.tm-language_bar .box:first-child {border-left: 1px solid rgba(0,0,0,.05);}
.tm-language_bar .box {border-right: 1px solid rgba(0,0,0,.05); width: 100%;}
.tm-language_bar .box:hover a, .tm-language_bar .box a.active {background-color: rgba(0,0,0,.02);}
.tm-language_bar .box a {display: block; position: relative; text-decoration: none; color: rgba(0,0,0,.4); text-align: center; width: 100%; height: 120px; font-size: 14px; font-weight: 700;}
.tm-language_bar .box a.active {color: rgba(0,0,0,1);}
.tm-language_bar .box a.active:before {content: ""; width: 90%; height: 4px; background-color: #ff0000; position: absolute; left: 5%; bottom: 0;}



/* footer */
.tm-footer {width: 100%;}
.tm-footer a {color: #000;}
.tm-footer a:hover {color:#C10000;}
.tm-footer_top--top {font-size: 12px; padding-bottom: 30px; padding-top: 60px; border-top: 1px solid rgba(0,0,0,.05);}
.tm-footer_top--top .box .box-title {font-weight: 600; padding-bottom: 15px; color: #C10000;}
.tm-footer_top--top .box .box-detail .nav-link {padding: 3px 0; font-size: 11px; font-weight: 600;}

.tm-footer_top--bottom {font-size: 12px; font-weight: 600; padding-top: 60px; border-top: 1px solid rgba(0,0,0,.05);}
.tm-footer_top--bottom p {margin-bottom: 0;}
.tm-footer_bottom {width: 100%; height: 200px; background-color: #8B8B8B;}

.tm-footer_container {margin-bottom: -120px; padding-bottom: 60px; background-color: #ffffff; position: relative;}
.tm-footer_container .container {z-index: 2; position: relative;}
.tm-footer_container--line {width: 90%; height: 6px; background-color: #ff0000; position: absolute; left: 50%; margin-left: -45%; bottom: -6px; z-index: 2;}
.tm-footer_container--shadow {width: 100%; height: 300px; background-color: #fff; position: absolute; left: 0; bottom: 0; z-index: -1; box-shadow: 0 60px 60px rgba(0, 0, 0, .08);}

@media (max-width: 991px) {
    .tm-footer_top--top {display: none;}
}

@media (max-width: 575px) {
    .tm-footer {text-align: center;}
}




.tm-contactpage-box {background-color: rgba(0,0,0,.05); padding: 30px;}
#map { border: 5px solid #fff; background-color: #f0f0f0; box-shadow: 0 60px 60px rgba(0,0,0,.2); width: 100%; z-index: 2; width: 100%; height: 300px; }
.tm-contactpage-address {padding: 30px;}



.tm-page_gallery {background-color: rgba(0,0,0,.8); position: relative; margin-top: 60px;}
.tm-page_gallery--top {padding: 30px; background-color: rgba(0,0,0,.5);}
.tm-page_gallery--top span {font-size: 10px; font-weight: 700; letter-spacing: 1px; display: inline-block; line-height: 10px; color: rgba(255,255,255,.5);}
.tm-page_gallery--bottom {padding: 15px 30px;}
.tm-page_gallery .box {border-radius: 3px; overflow: hidden; margin: 15px 0;}
.tm-page_gallery .box img {width: 100%;}




.tm-product_box {margin: 15px 0; transition: all 300ms;}
.tm-product_box:hover {background-color: #fff; box-shadow: 0 30px 60px rgba(0,0,0,.1);}
.tm-product_box .image img {width: 100%;}
.tm-product_box .details {padding: 30px;}
.tm-product_box .details h2 {font-size: 18px; font-weight: 600;}
.tm-product_box .details .meta span {display: block; font-size: 13px; font-weight: 600; color: rgba(0,0,0,.5);}




.tm-page_link-list {}
.tm-page_link-list .item {margin-bottom: 2px;}
.tm-page_link-list .item a {display: block; width: 100%; text-transform: uppercase; font-size: 14px; font-weight: 600; height: 80px; transition: all 300ms; border: 1px solid #f2f2f2; color: #000; padding: 0 30px; text-decoration: none; background: rgb(242,242,242); background: -moz-linear-gradient(left, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(left, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to right, rgba(242,242,242,1) 0%,rgba(255,255,255,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#ffffff',GradientType=1 );}
.tm-page_link-list .item:hover a {background-color: #fff; border-color: #ff0000;}


