@import url(https://fonts.googleapis.com/css2?family=Sofia+Sans+Extra+Condensed:ital,wght@0,1..1000;1,1..1000&display=swap);
body{font-family:Sofia Sans Extra Condensed; background-color:rgb(0, 0, 0); }
a{font-family:Sofia Sans Extra Condensed; font-size:17px; color:rgb(69, 189, 253); }
h1, .h1-text, .h1-text a {font-family:Sofia Sans Extra Condensed; font-size:1px; color:rgba(255, 255, 255, 0); }
h2, .h2-text {font-size:1px; color:rgba(69, 189, 253, 0); }
h3{font-size:29px; }
h3 a{font-size:29px; color:rgb(69, 189, 253); font-weight:normal; }
.p-title{font-size:32px; color:rgb(216, 216, 216); }
.text_table{font-family:verdana,geneva; font-size:15px; color:rgb(253, 253, 253); background-color:rgb(0, 0, 0); }
.text_table_line{background-color:rgb(69, 189, 253); }
.t_menu_all{background-color:rgb(13, 12, 15); }
.t_menu{background-color:rgb(13, 12, 15); }
.t_menu a{font-size:21px; color:rgb(255, 255, 255); }
.t_menu a:hover{font-size:21px; color:rgb(255, 255, 255); }
.t_menu_act{font-size:21px; color:rgb(255, 255, 255); }
.t_podmenu a{font-size:21px; color:rgb(255, 255, 255); }
.t_podmenu a:hover{font-size:21px; color:rgb(255, 255, 255); }
.left_menu{background-color:rgb(35, 34, 37); }
.left_menu:hover{background-color:rgb(255, 255, 255); }
.left_menu a{font-size:21px; color:rgb(255, 255, 255); }
.left_menu a:hover{font-size:21px; color:rgb(13, 12, 15); }
.left_menu_act{font-size:21px; color:rgb(255, 255, 255); background-color:rgb(69, 189, 253); }
.mms{background-color:rgb(13, 12, 15); }
.mms_act{background-color:rgb(13, 12, 15); }
.mms:hover{background-color:rgb(13, 12, 15); }
.mms a{font-size:24px; color:rgb(255, 255, 255); }
.mms .act{font-size:24px; color:rgb(255, 255, 255); }
.mms a:hover{font-size:24px; color:rgb(255, 255, 255); }
.sm li{background-color:rgb(13, 12, 15); }
.sm li a{font-size:19px; }
.sm  li .act{font-size:19px; }
.sm  li a:hover{font-size:19px; }
.header{background-color:rgb(35, 34, 37); }
.top_bg{background-color:rgb(0, 0, 0); }
.head-ico li a{font-size:19px; color:rgb(202, 202, 202); }
.footer{background-color:rgb(35, 34, 37); }
.footer_tbl{font-size:15px; color:rgb(255, 255, 255); }
.footer_btm{font-size:15px; color:rgb(255, 255, 255); text-align:center; }
.footer_btm a{font-size:15px; color:rgb(255, 255, 255); }
.btm_table_menu{font-size:21px; color:rgb(255, 255, 255); }
.btm_table{font-size:21px; color:rgb(255, 255, 255); }
.btm_table a{font-size:21px; color:rgb(255, 255, 255); }
.evn_title{font-size:36px; color:rgb(255, 255, 255); }
.evn_table{color:rgb(255, 250, 250); background-color:rgb(69, 189, 253); }
.evn_table a{font-size:24px; color:rgb(0, 0, 0); }
.evn_table a:hover{color:rgb(255, 255, 255); }
.acc_title{text-align:center; }
.acc_table_menu{font-size:24px; color:rgb(202, 202, 202); text-align:center; }
.acc_tbl_all{background-color:rgb(0, 0, 0); }
.acc_table a{font-size:30px; }
.nav_menu{font-size:17px; color:rgb(255, 255, 255); }
.nav_menu a{font-size:17px; color:rgb(255, 255, 255); }
.nav_menu_act{font-size:17px; color:rgb(255, 255, 255); }
.c_form_tbl{font-size:19px; }
.c_form_title{font-size:21px; color:rgb(69, 189, 253); }
.c_form_error{color:rgb(255, 255, 255); }
.c_form_star{color:rgb(255, 0, 0); }
.c_form_text{color:rgb(255, 255, 255); }
.c_form_button{font-size:21px; color:rgb(255, 255, 255); border-color:rgb(69, 189, 253); background-color:rgb(69, 189, 253); }
.ekip h1{font-size:32px; color:rgb(69, 189, 253); }
.ekip ul li{font-size:16px; color:rgb(232, 232, 232); }
.ekip-name{font-size:32px; color:rgb(69, 189, 253); }
.ekip-parameters{color:rgb(69, 189, 253); }
.ekip-parameters span{color:rgb(232, 232, 232); }
.ekip-content{color:rgb(232, 232, 232); }
.ma-div-1{background-color:rgb(0, 0, 0); }
.ma-div-1 .ma-ttl{font-size:40px; color:rgb(69, 189, 253); }
.ma-div-1 .ma-txt{font-size:25px; color:rgb(255, 255, 255); }
.ma-div-1 .ma-btn{font-size:21px; color:rgb(69, 189, 253); border-color:rgb(69, 189, 253); border-width:1px; border-style:solid; }
.ma-div-2{background-color:rgb(35, 34, 37); }
.ma-div-2 .ma-ttl{font-size:60px; color:rgb(69, 189, 253); }
.ma-div-2 .ma-btn{font-size:17px; color:rgb(69, 189, 253); border-color:rgb(69, 189, 253); border-width:1px; border-style:solid; }
.ma-div-3{background-color:rgb(0, 0, 0); }
.ma-div-3 .ma-ttl{font-size:40px; color:rgb(69, 189, 253); }
.ma-div-3 .ma-txt{font-size:25px; color:rgb(255, 255, 255); }
.ma-div-3 .ma-btn{font-size:21px; color:rgb(69, 189, 253); border-color:rgb(69, 189, 253); border-width:1px; border-style:solid; }
.ma-div-4 .ma-ttl{font-size:60px; color:rgb(69, 189, 253); }
body{margin-top:20px;}
.pages_menu_div{top:50px;}

.head_logo{float:left;}
.header_height{height:130px;}
.h_menu_div{padding-top:px;}
h1 {padding-top:37px; }
.h1margin {margin-top:-37px;}
.h1-text {padding-top:37px; }
.site_width{width:1280px; display:table; margin-left: auto; margin-right: auto;}
.news_table{width:1280px; margin-left: auto; margin-right: auto;}
.t_menu, .t_menu_act, .m_menu_icon{height:50px; line-height: 50px;}
.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:30px;}
.t_podmenu{height:30px;line-height:30px;}
.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;}
.ma-div-1 .ma-ttl{position: absolute; top:100px;}
.ma-div-1 .ma-txt{position: absolute; width:555px; top:250px; left:50px;}
.ma-div-1 .ma-btn{position: absolute; top:450px;}
.ma-div-1 .ma-img{position: absolute; left:700px;}
.ma-div-2 div{position: relative;}
.ma-div-2{height:500px; overflow: hidden;background-image: url("https://auto-moda.eu/images/mabg-2.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-2 .ma-ttl{position: absolute; top:200px;}
.ma-div-2 .ma-txt{position: absolute;}
.ma-div-2 .ma-btn{position: absolute;}
.ma-div-2 .ma-img{position: absolute;}
.ma-div-3 div{position: relative;}
.ma-div-3{height:600px; overflow: hidden;}
.ma-div-3 .ma-ttl{position: absolute; top:100px; left:700px;}
.ma-div-3 .ma-txt{position: absolute; width:500px; top:200px; left:750px;}
.ma-div-3 .ma-btn{position: absolute; top:400px; left:700px;}
.ma-div-3 .ma-img{position: absolute;}
.ma-div-4 div{position: relative;}
.ma-div-4{height:500px; overflow: hidden;background-image: url("https://auto-moda.eu/images/mabg-4.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-4 .ma-ttl{position: absolute; top:50px;}
.ma-div-4 .ma-txt{position: absolute;}
.ma-div-4 .ma-btn{position: absolute;}
.ma-div-4 .ma-img{position: absolute;}
.da-arrows{display: none;}
.da-dots{display:none;}
.da-slider{height:750px;}
.mms{margin:20px 0px 20px 0px !important; width:auto;}
.mms a{padding:20px 11px 20px 11px }
.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;}
.header {height: 43px;}
.btm_table_menu {padding-left: 5px;}
.acc_more a {text-align: center;background: #000000;padding: 10px 0;display: block;color:#FFF;}
.acc_table {max-width: 100%; padding: 0px;}
.acc_spacer {padding: 0px;}
.glyphicon {display: none;}
.head_logo img {width: 100%; margin-top: 17px;}
.top_bg #trw {position: fixed; z-index: 99999; top: 50px; padding-right: 10px;}
.t_menu_all {box-shadow: 0px 1px 2px grey;}
.sm_products {width: 30%;height: auto;}
.sm_products img{transition: transform .3s;}
.sm_products img:hover{transform: scale(1.1);}
.acc_table a img{transition: transform .3s;}
.acc_table a img:hover{transform: scale(1.1);}
.h1margin {margin-left: 0px;}
.mt20 {margin-top: 50px;}
.news50_txt {color:#FFF; font-size: 18px; text-align: justify;}
.news50_galerry  {margin-bottom: 50px;}
.news50_galerry figure {
  width: 24%;
  float: left;
  padding: 10px;
  height: 200px;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  margin: 5px;
  position: relative;
  border-radius: 0;
  overflow: hidden;
}
.news50_galerry img {
  padding: 0;
  position: absolute;
  top: -9999px;
  bottom: -9999px;
  left: -9999px;
  right: -9999px;
  margin: auto;
}
.news50_date {
  margin: 20px 0px;
  display: block;
  font-size: 24px;
  border-bottom: #FFF 1px solid;
}





@media screen and (max-width: 768px) {
.index-accents img, .index-accents h3 {flex: initial;max-width: 100%;text-align: center;width: 100%;}
.ma-div-2 .ma-ttl {padding-top: 37px;}
.ma-div-2 span {padding-bottom: 10px;}
.h1margin {margin-top: 5px;}
.da-slider {height: 317px;}
body {padding: 0 0px;}
.head-ico li a {font-size: 111%;}
#top-menu > li {padding: 0px 10px; background-size: 0px;}
.mega .sm li ul li a {background-color: white;}
.sm li a {background-color: white;}
.mega .sm li .act {background-color: white !important;}
.mms a {font-size: 137%;color: rgb(255, 255, 255);}
.t_menu_all {box-shadow: none;}
#site_logo {width: 100%;margin: 10px;}
.resp {top: 137px;}
.mms a {padding: 10px 10px 10px 10px;}
.h1margin {margin-top: 0px;}
.p-title {font-size: 120%;}
.sm_products {width: 100%;height: auto; margin: 0px; padding: 0px; padding-top: 20px;}
.mid_img img {width: 100%;}
.h1margin {margin-left: 0px;}
.top_bg #trw {
    position: relative;
    z-index: 99999;
    padding-left: 0;
    margin-top: 5px;
}
.head_logo img {width: 50%;}
.top_bg #trw {
    position: relative;
    padding-left: 0;
    width: 50%;
    margin: -20px 25% 0px 25%;
}
.top_bg #trw .h_menu_div{
display: none;
}


#site_logo {
    width: 90px;
    margin-top: 0px;
}
.t_menu a {padding-top: 5px;}
.mms .act {color: #FFF;}
.mms a:hover{color:#FFF;}
h2{padding-bottom: 50px;}
.ma-div-1 .ma-ttl {font-size: 170%;}
.ma-div-1 .ma-txt {width: 100%; font-size: 150%;}
.ma-div-2 .ma-ttl {font-size: 170%; padding-top: 70px;}
.ma-div-3 .ma-ttl {font-size: 170%;}
.ma-div-3 .ma-txt {width: 100%; font-size: 150%;}
.ma-div-4 .ma-ttl {font-size: 170%; padding-top: 70px;}
.ma-div-1 {height: 500px !important;}
.ma-div-2 {height: 200px !important;}
.ma-div-3 {height: 500px !important;}
.ma-div-4 {height: 250px !important;}
.sm li a {background-color: rgb(69, 189, 253);}
}

@media screen and (max-width: 1280px) {
.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;}.ma-div-3{height: auto; width: 100%; text-align: center; float: left;} .ma-div-3 span{text-align: center;display: block;width: 100%;float: left; margin: 20px 0;}.ma-div-4{height: auto; width: 100%; text-align: center; float: left;} .ma-div-4 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;}
}