@import url(https://fonts.googleapis.com/css?family=Comfortaa&display=swap);
body{font-family:Comfortaa; }
a{font-family:Comfortaa; }
h1, .h1-text, .h1-text a {font-family:Comfortaa; font-size:1px; color:rgba(0, 0, 0, 0.01); }
h2, .h2-text {font-size:1px; color:rgba(0, 0, 0, 0); }
h3{font-size:18px; color:rgb(0, 0, 0); }
h3 a{font-size:16px; color:rgb(223, 59, 53); }
.p-title{font-size:20px; color:rgb(223, 59, 53); text-align:center; }
.text_table{font-size:14px; color:rgb(0, 0, 0); }
.t_menu_all{background-color:rgb(70, 182, 255); }
.t_menu{font-size:16px; color:rgb(255, 255, 255); background-color:rgb(70, 182, 255); }
.t_menu a{font-size:16px; color:rgb(255, 255, 255); }
.t_menu_act{font-size:16px; color:rgb(255, 255, 255); }
.t_podmenu{background-color:rgb(223, 59, 53); }
.left_menu{color:rgb(253, 253, 253); background-color:rgb(70, 182, 255); }
.left_menu:hover{background-color:rgb(54, 146, 205); }
.left_menu a{color:rgb(253, 253, 253); }
.mms{background-color:rgb(70, 182, 255); }
.mms a{font-size:16px; color:rgb(255, 255, 255); }
.mms .act{font-size:16px; color:rgb(255, 255, 255); }
.sm li{background-color:rgb(223, 59, 53); }
.sm .act{background-color:rgb(196, 49, 43); }
.sm li:hover{background-color:rgb(196, 49, 43); }
.kare-title{font-size:50px; color:rgb(255, 254, 254); background-color:rgba(5, 157, 255, 0.74); }
.kare-text{font-size:20px; color:rgb(0, 0, 0); background-color:rgb(255, 255, 255); }
.kare-button{font-size:20px; color:rgb(255, 254, 254); border-color:rgb(223, 59, 53); border-width:10px; border-style:solid; background-color:rgb(223, 59, 53); }
.kare-button:hover{font-size:20px; color:rgb(255, 254, 254); border-color:rgb(180, 47, 42); border-width:10px; border-style:solid; background-color:rgb(180, 47, 42); }
.header{background-color:rgb(255, 255, 255); }
.top_bg{background-color:rgba(133, 196, 77, 0); }
.head-ico li a{font-size:20px; color:rgb(83, 51, 169); }
.footer{background-color:rgb(231, 228, 219); }
.footer_tbl{color:rgb(0, 0, 0); }
.footer_btm{font-size:13px; color:rgb(0, 0, 0); text-align:center; }
.footer_btm a{color:rgb(0, 0, 0); }
.footer_btm a:hover{color:rgb(0, 0, 0); }
.btm_table_menu{font-size:15px; color:rgb(0, 0, 0); }
.btm_table{color:rgb(0, 0, 0); }
.btm_table a{font-size:15px; color:rgb(0, 0, 0); }
.acc_title{font-size:50px; color:rgb(5, 157, 255); text-align:center; }
.acc_table_menu{font-size:50px; color:rgb(5, 157, 255); text-align:center; }
.contacts_title{font-size:20px; color:rgb(0, 0, 0); text-align:center; }
.ma-div-1 .ma-ttl{font-size:50px; color:rgb(223, 59, 53); }
.ma-div-1 .ma-txt{font-size:14px; color:rgb(0, 0, 0); }
.ma-div-1 .ma-btn{font-size:20px; color:rgb(255, 255, 255); border-color:rgb(223, 59, 53); border-width:10px; border-style:solid; background-color:rgb(223, 59, 53); }
.pages_menu_div{top:85px;}

.head_logo{float:left;}
.header_height{height:10px;}
.h_menu_div{padding-top:px;}
h1 {padding-top:px; }
.h1margin {margin-top:-px;}
.h1-text {padding-top:px; }
.site_width{width:1300px; display:table; margin-left: auto; margin-right: auto;}
.news_table{width:1300px; margin-left: auto; margin-right: auto;}
.t_menu, .t_menu_act, .m_menu_icon{height:85px; line-height: 85px;}
.acc_table_menu{ display:block; vertical-align:middle;}
.btm_table_menu{height:25px; display:table-cell; vertical-align:middle;}
.news_title{height:px; display:table-cell; vertical-align:middle;}
.mega-menu-title{height:40px;}
.t_podmenu{height:40px;line-height:40px;}
.left_menu a, .left_submenu a{padding:10px; display: block;}
.left_menu_act, .left_submenu_act{padding:10px; display: block;}
.h_menu, .h_menu_act {padding:px; margin-left:px;}
#soc-div {position: absolute; text-align:right; right:0; padding-top:4px; padding-right:5px;}
.ma-div-1 div{position: relative;}
.ma-div-1{height:700px; overflow: hidden;background-image: url("https://auto-tea.com/images/mabg-1.jpg"); background-repeat:no-repeat; background-position:top center;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
.ma-div-1 .ma-ttl{position: absolute; width:700px;}
.ma-div-1 .ma-txt{position: absolute; width:700px; top:145px;}
.ma-div-1 .ma-btn{position: absolute; top:580px;}
.ma-div-1 .ma-img{position: absolute; left:700px;}
.ma-div-2 div{position: relative;}
.ma-div-2{ overflow: hidden;}
.ma-div-2 .ma-ttl{position: absolute;}
.ma-div-2 .ma-txt{position: absolute;}
.ma-div-2 .ma-btn{position: absolute;}
.ma-div-2 .ma-img{position: absolute;}
.da-arrows{display: none;}
.da-dots{display:none;}
.da-slider{height:900px;}
.da-slider .kare-title{top:200px ;}
.da-slider .kare-text{top:360px ;}
.da-slider .kare-button{top:537px ;}
.mms{margin:0px 0px 0px 0px !important; width:auto;}
.mms a{padding:30px 15px 30px 15px }
.sm{margin:0px 0px 0px 0px !important; width:300px !important;}
.sm a{padding:10px 10px 10px 10px }
.mega .sm{height:auto;}
.mega .sm li{width:auto;}
.mega .sm li a{padding:0px 0px 0px 0px !important;}
.mega .sm li ul li a{padding:0px 0px 0px 0px !important;}
.gallery a img {scale: 0.5;}
.gallery a {width: 350px;height: 250px;}
.head-ico li img {right: 150px; position: inherit;}
.header {height: 30px;}
@media screen and (min-width: 768px){
.ma-div-1 {background-image: none;}
}
.kare-title {padding: 10px;}
.acc_more {text-align: center; font-size: 16px;}
.acc_table a img{transition: transform .7s;}
.acc_table a img:hover{transform: rotate(10deg) scale(1.1);}
.acc_table {max-width: 400px;padding:0px;margin:0 auto;}
@media screen and (max-width: 768px) {
.gallery a img {scale: 1;}
.ma-div-1 .ma-img {display:none;}
body {padding: 0 0px;}
.da-slide .kare-button {float: center;  width: 43%; margin-left: 105px; padding: 0px !important; font-size: 15px;}
.da-slide .kare-title {font-size: 150%; padding-top: 27px;}
.da-slider {height: 235px;}
.resp {top: 90px;}
.kare-text {font-size: 100%; background-color: none; background-color: rgba(255, 255, 255, 0); color: white; text-shadow: 0px 1px 1px #000000;}
.kare-title {background-color: rgba(5, 157, 255, 0.01); text-shadow: 0px 2px 3px #000000;}
#site_logo {padding:10px;}
.mms a {padding:10px 15px 10px 15px; font-size: 110%;}
.acc_title {font-size: 200%;}
.acc_more {font-size: 110%;padding-bottom: 50px;}
.ma-div-1 {height: 600px;}
.ma-div-1 .ma-ttl {position: absolute;width: 100% !important; color: white;font-size: 250%;padding:20px; text-shadow: 0px 1px 1px #000000;}
.ma-div-1 .ma-txt {position: absolute;width: 100% !important; text-align: left;padding:40px; color: white; text-shadow: 0px 1px 1px #000000;}
.left_menu {display: none;}
.left_menu_act {display: none;}
.h1margin {margin-left: 0px;}  .text_table img, .images {
    width: 100%;
    height: auto;
    max-width: none;
    padding: 10px;
  }
}



@media screen and (max-width: 1300px) {
.site_width, .news_table{width:100%;}
.site_width:after{content: "";display: block;clear: both;}.ma-div-1{height: auto; width: 100%; text-align: center; float: left;} .ma-div-1 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}.ma-div-2{height: auto; width: 100%; text-align: center; float: left;} .ma-div-2 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}
#head-div{margin:0px;padding:0px;}
#top-menu{z-index: 99999;}
.gallery{float:none;display: inline-block;}
.head-ico{width: 100%;display: table;float: none;}
.head-ico li{display: table-cell; padding:0; margin:0; text-align:center;}
.head-ico li img{position: relative;}
.header_height{height:auto;}
#slideshow, #slideshow img{width: 100%;}
.ma-ttl, .ma-txt, .ma-img{width: 100%; padding: 0px;}
.ma-img img{width: 50%; padding: 0px; max-width:300px;}
.ma-ttl, .ma-txt, .ma-btn, .ma-img{position: inherit !important;left: inherit !important;top: inherit !important; margin: 10px auto;}
.ma-btn{ float:none; margin: 20px auto;}
.footer_tbl{text-align: center;}
.btm_table_width{max-width: none;}
#m_tdc{width: 100%;text-align: center;}
.btm_l_txt, .btm_c_txt, .btm_r_txt{padding: 10px 0;float: left;}
.slider_tbl{height: auto;}
.btm_table_menu, .btm_table{margin: 10px 0 !important;}
.nav_tbl{ display:none !important;}
.h40{height: auto;}
}