html{height:100%;}
body{
	background:url("../img/body-bg.png") repeat scroll center top;
	font-family: 'Ubuntu', sans-serif;
	font-size:16px;
	margin:0;height:100%;
	color:#292f26;
	line-height:1.2;}
#wrapall{position:relative;min-height:100%;height:auto !important;overflow:hidden;}
.h1,h1{font-size:30px}
.h2,h2{font-size:24px}
.h3,h3{font-size:36px;}
.h4,h4{font-size:23px}
.h5,h5{font-size:18px}
.h6,h6{font-size:16px}
p{margin:0 0 12.5px}
.item-page h2{font-size:18px;font-weight:bold;}
.no-gut > [class*='col-']{padding-right:0;padding-left:0;}
a, a:hover, a:focus {
    color: #cc0000;
    text-decoration: none;
}
header{
	padding: 0;	
}
img {
    border: 0 none;
    max-width: 100%;
    vertical-align: middle; 
}
.itemid-182 .category-desc {
    background: #fff none repeat scroll 0 0;
    padding: 15px;	
}
#mapbox {
    height: 350px;
}
.item-page td, .item-page th {
    padding: 5px;
	border: 1px solid;
}
.item-page p {text-align: justify;}
.item-page td p, .item-page th p {
    margin: 0;
    text-align: left;
}
.items-row {margin-bottom: 30px;}
.pull-none {margin-bottom: 15px;}
.topmenuwrap {
    background: #333333 none repeat scroll 0 0;
    padding: 10px;
}
#leftbox li img{display:none;}
#leftbox ul ul{padding:0 0 0 20px;display:none;}
#leftbox .nav li.active ul{display:block;}
#leftbox{margin:30px 0;}
#leftbox .nav li > a{display:block;padding:2px 0;position:relative;}
#leftbox .nav li.active > a{font-weight:bold;}
#logoline {
	border-bottom: 1px solid #333bb9;
}
#topline {
	background: #2a2f83;
	color: #fff;
}
#topline a {
	color: #fff;	
}
#topline .phonebox p {
	background:url("../img/phone-icon.png") no-repeat scroll center left;	
    float: left;
    line-height: 33px;
    margin: 0 0 4px;
    padding: 0 20px 0 16px;
}
#topline .mailbox p {
	background:url("../img/mail-icon.png") no-repeat scroll left 14px;	
    float: left;
    line-height: 33px;
    margin: 0 0 4px;
    padding: 0 20px 0 20px;
}
.logobox{margin: 40px auto;}
.logobox p{margin: 0;text-align: center;}
.logobox img {
	margin: 0 10px;
}


#footleft .custom a, #footleft .custom a:hover{font-size:14px;display:block;margin:0 0 10px 0;color:#fff;}


.page-header{border-bottom:0 none;margin:0;padding-bottom:0;}
.navbar-nav {
    display: inline-block;
    float: none;
    margin: 0;
}
.navbar-default {
    background-color: transparent;
    border-color: transparent;
    border-radius: 0;
}
.navbar{border:0 none !important;margin-bottom:0;min-height:10px;position:relative;}
#bs-navbar, #bs-navbar2{border-radius:0;margin:0;padding:0;    text-align: center;}
section{overflow:hidden;}
.navbar-default .nav > .active > a, .navbar-default .nav > .active > a:hover, .navbar-default .nav > .active > a:focus
,.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    color: #cc0000;
}

.navbar-default .nav > .active + li a
,.navbar-default .nav > li:hover + li a, .navbar-default .nav > li:focus + li a{
	
}

.navbar-default .nav > li:last-child > a {

}
.navbar-default .nav > li:last-child > a:hover, .navbar-default .nav > li.active:last-child > a, .navbar-default .nav > li.active:last-child > a:focus {


}
footer .navbar-default .nav > .active > a, footer .navbar-default .nav > .active > a:hover, footer .navbar-default .nav > .active > a:focus
,footer .navbar-default .nav > li > a:hover, footer .navbar-default .nav > li > a:focus{background:#3f702c; border: 0 none; text-decoration:none;color:#fff;}
.navbar-default .nav > li > a{
    border: 0 none;
    border-radius: 0;
    color: #ccc;
    font-size: 14px;
    font-weight: bold;
    line-height: 46px;
    margin: 0;
    padding: 0 15px;
    position: relative;
    text-transform: uppercase;
    white-space: nowrap;
}
.order-btn {
    background: #cc0000 none repeat scroll 0 0;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 50px;
    margin: 8px 0;
    max-width: 270px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;	      
}
footer .navbar-default .nav > li > a{font-size:15px;color:#fff;}
#botmenu .navbar-nav > li > a:hover, #botmenu .navbar-nav > li > a:focus{text-decoration:none;}

#slider {
    border-bottom: 1px solid #333bb9;	
}
#slider .moduletable > h3 {
	background:  no-repeat;
	font-size: 36px;
	font-weight: bold;
	color: #cc0000;
    margin: 50px 0 20px;
	padding: 0;
	text-align: left;
}
#slider .custom p:first-child {
	font-weight: bold;
	font-size: 24px;
}
#slider .custom p:nth-child(2) a{	
	border-bottom: 1px dotted #cc0000;
    font-size: 18px;
    font-weight: bold;	
}
#slider .custom p:nth-child(3) {
    display: block;
    font-size: 18px;
    font-weight: bold;
    max-width: 270px;
    text-align: center;
}
@media (max-width:768px){
	#slider .moduletable > h3 {
		font-size: 18px;
		margin:15px 0;	
	}
#slider .custom p:first-child {
	font-weight: bold;
	font-size: 18px;
}	
#slider .custom p:nth-child(2){
	font-size: 16px;
}	
}
#slider-inn {
		margin: 12px 0;
		min-height: 356px;
	background:url("../img/slide-1.jpg") no-repeat scroll center top;
}
#leftbox .custom img {
	display: block;
	margin: 0 auto 30px;
	max-width: 100%;
	
}
#leftbox .custom p {
	margin: 0;
}
#content {
   /* margin-bottom: 30px;
    margin-top: 30px;*/
}
#adresline {
	    border-bottom: 1px solid #333bb9;
	    margin: 0 0 5px 0;
}
.adres {
	margin: 15px 0;
	padding: 0 0 0 30px;
	background:url("../img/adres-icon.png") no-repeat scroll left 4px;		
	font-size: 14px;
}

@media (max-width:768px){
	
}


.blog .pull-left.item-image {
    margin: 0 0 10px;
}
dl {
    margin-bottom: 10px;
}

.inputbox {
    background: #e5eaf3 none repeat scroll 0 0;
    border: 3px solid #cc0000;
    border-radius: 30px;
    color: #333;
    height: 50px;
    margin: 7px 0;
    max-width: 460px;
    padding: 0 30px;
    text-align: left;
    width: 100%;
}

#leftbox #proizvodim .ac-newsitem{
	margin-bottom: 10px;
}
.morelink {
    background: #cc0000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 30px;
    color: #fff;
    display: block;
    font-size: 18px;
    line-height: 47px;
    margin: 15px auto;
    padding: 0;
    text-decoration: none;
    text-transform: none;
        text-align: center;
    width: 194px;
}
.morelink:hover , .morelink:focus {
	color: #fff;
	text-decoration: none;
}

.img-wrap-relative {
    margin: 0 auto 30px;
    max-width: 362px;
    position: relative;
}
.img-wrap-relative:hover .pg-cv-name {
	display: block;
}
.boxplus-text  {
	display: none;
}

@media (min-width:769px){

}

.pg-cv-name {
    background: rgba(0, 0, 0, 0.5) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    font-size: 18px;
    left: 0;
    margin: 0;
    padding: 70px 15px 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    display: none;
}
@media (min-width:769px) and (max-width:1189px){

	
}
@media (max-width:768px){

}	
.navbar-header {
	line-height: 50px;
	padding: 0 15px;
}
.navbar-default .navbar-nav > li > a{border:0 none;}

.item-page .vaoo-phoca .name{display:none;}
.item-page .vaoo-phoca .pg-image{    border: 2px solid #7bb32e;border-radius:0;color:#423c3c;display:block;margin:0 auto 30px;text-decoration:none;}
.item-page{min-height:300px;}
.itemid-157 .item-page{min-height:0px;}
.carousel-indicators{bottom:-50px;}
.carousel-indicators li{background-color:#999;border:1px solid #999;border-radius:10px;cursor:pointer;display:inline-block;height:18px;margin:3px;text-indent:-999px;width:18px;}
.carousel-indicators .active{background-color:#666;border:1px solid #666;height:18px;margin:3px;width:18px;}
#mainpage{padding: 20px 0 10px;}

.blog .pull-left {
    float: none !important;
    text-align: center;
    margin: 0 0 10px 0;
}

.pull-left.item-image{margin:0 10px 10px 0;}
.pull-right.item-image{margin:0 0 10px 10px;}
.page-header h1, .page-header h2, .moduletable > h3, .moduletable > h2, .moduletable > h1, h2.item-title, .boxhead{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    font-size: 36px;
    font-weight: bold;
    margin: 25px 0;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
	}
.blog .page-header h2 {
    font-size: 18px;
    margin: 0 0 10px;
}
.items-leading .row {
	margin-bottom: 20px;
}
#compobox .page-header h1, #compobox .page-header h2, #compobox .moduletable > h3, #compobox .moduletable > h2, #compobox .moduletable > h1, #compobox h2.item-title, #compobox .boxhead {
	text-align: left;
}

.carousel-control{background-color:rgba(0, 0, 0, 0);bottom:0;font-size:20px;left:-55px;opacity:0.8;position:absolute;text-align:center;text-shadow:0 1px 2px rgba(0, 0, 0, 0.6);top:0;width:55px;}
.carousel-control.left{background:url("../img/slide-left.png") no-repeat scroll center 49%;left:-55px; }
.carousel-control.right{background:url("../img/slide-right.png") no-repeat scroll center 49%;right:-55px;left:auto;}

.site .mod_articles_carousel .multiitem .carousel-indicators {
    bottom: -25px !important;
    left: auto;
    list-style: outside none none;
    margin-left: 0;
    padding-left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    width: 100%;
    z-index: 15;
}
#slideprice {
    background: rgba(255, 255, 255, 0.6) none repeat scroll 0 0;
    margin: 100px 0 0;
    max-width: 330px;
    padding: 30px;
    position: relative;	
        font-size: 22px;
}
#slideprice tr {
	display: none;
}
#slideprice tr:first-child {
	display: table-row;
}
#slideprice table {
	width: 100%;
	margin: 0 auto;
}
#slideprice tr td {
    font-weight: 600;
    padding: 0 5px;
    white-space: nowrap;
}
#slideprice td p {
	display: inline;
	margin: 0;
}
#slideprice p {
	display: none;
}
#prevprice {
	position: absolute;
	background:url("../img/prevs.png") no-repeat scroll;
	width: 24px;
	height: 73px;
	cursor: pointer;
	left: 8px;
	top: 18px;	
}
#nextprice {
	position: absolute;
	right: 8px;
	top: 18px;
	background:url("../img/nexts.png") no-repeat scroll;
	width: 24px;
	height: 73px;
	cursor: pointer;
}
#slideprice tr td:first-child {
	text-align: center;
}
#slideprice tr td:nth-child(2) {
	text-align: right;
}
#proizvodim .mod_articles_carousel {
	max-width: 980px;
	margin: 0 auto;
}
#proizvodim .ac-newsitem {
	max-width: 300px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#proizvodim .carousel-caption {
    bottom: 0;
    left: 0;
    padding: 0;
    right: 0;
    top: 0;
}
#proizvodim .ac-newsitem .ac-newslink {
	position: absolute;
	top: 72px;
	right: 15px;
	text-align: right;
	max-width: 200px;
}
#proizvodim .ac-newsitem .ac-newslink h3 {
	margin: 0;
	    font-size: 16px;
	padding: 0;
}
#proizvodim .ac-newsitem .ac-newslink h3 a {
	color: #040404;
	font-size: 16px;
	text-transform: uppercase;
	font-weight: bold;
}
#proizvodim .ac-newsitem .ac-newstext {
    bottom: 0;
    color: #040404;
    left: 0;
    padding: 70px 0 0;
    position: absolute;
    right: 0;
    text-align: right;
    text-shadow: none;
    top: 0;
}
#proizvodim #proizvodim .ac-newsitem .ac-newstext p {
	margin:0;
}
#proizvodim #proizvodim .ac-newsitem .ac-newstext p a {
	color: #040404;


}
#proizvodim .ac-newsitem .ac-newstext p:first-child {
	text-align: right;
	font-size: 16px;
	text-transform: uppercase;
	margin: 0 15px 0 0;
	font-weight: bold;
	color: #040404;
}
#proizvodim .ac-newsitem .ac-newstext p:nth-child(2) {
	text-align: right;
	font-size: 14px;
	margin: 0 15px 0 0;
	font-weight: bold;
	background: none;
	color: #040404;
}
#proizvodim .ac-newsitem .ac-newstext p:last-child {
    background:#1e1f32 url("../img/redarr.png") no-repeat scroll center right;
    bottom: 0;
    color: #f4f4f4;
    font-size: 14px;
    margin: 0;
    padding: 10px 40px 10px 10px;
    position: absolute;
    right: 0;
}
#product {
    background: #2f3494 url("../img/product-bg.jpg") repeat-y scroll center center;	
    color: #fff; 
    padding: 0 0 15px 0;
}
#product .ac-newsitem {
    border: 3px solid #3333ff;
    border-radius: 3px;
    height: 220px;
    margin-left: auto;
    margin-right: auto;
    padding: 20px 0 0;
    width: 220px;
}
#product .ac-newsimg {
	margin-bottom:  24px
}
#product .ac-newsitem h3, #product .ac-newsitem p {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
#product .mod_articles_carousel  {
	max-width: 980px;
	margin: 0 auto;
}
#consult {
    background: #ecf1f5 url("../img/consult-bg.jpg") no-repeat scroll top center;		
}
#consult .moduletable > h3 {
	color: #cc0000;
	margin: 30px 0 20px 0;
	text-align: left;
}
#consult #form-cons {
	max-width: 460px;
    margin: 0 0 30px;	
}
#consult .order-btn {
    background: #cc0000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 24px;
    font-weight: bold;
    line-height: 50px;
    margin: 15px 0 0;
    max-width: 460px;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
#carta {
    background: #000fff url("../img/carta-bg.jpg") repeat-y scroll top center;		
}
#carta-img p {
	margin: 0;
}
#carta-img img {
    display: block;
    margin: 10px auto 0;
}
#carta .order-btn {
	margin-bottom:  15px;
	font-weight: bold;
   font-size: 24px;	
}
#carta .moduletable > h3 {
	color: #fff;
	text-align: left;
	margin: 44px 0 15px 0;
	font-size: 24px;
}
#otzyvy .moduletable   {
	max-width: 980px;
    background: #f4f4f4 url("../img/otzyv-bg.jpg") no-repeat scroll top right;	
    overflow: hidden;
     margin: 0 auto;   
    padding: 15px 15px 50px;    
 
}
#otzyvy .mod_articles_carousel {
	    position: relative; 
}
#otzyvy .ac-newstext {
    color: #666;
    font-style: italic;
    max-width: 500px;
    margin: 0 0 15px 0;
}
#otzyvy .ac-newsdate {
    color: #666;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
#otzyvy .ac-newsimg img {
	margin: 0 auto;
	display: block;
	border-radius: 200px;
	width: 219px;
	height: 219px;
}
#otzyvy .carousel-indicators {
    bottom: -10px;
    left: 240px;
    margin-left: 0;
    text-align: left;
}
.moreotz {
    bottom: -20px;
    color: #333bb9;
    font-size: 14px;
    left: 245px;
    position: absolute;
}
.moreotz a {
	    color: #333bb9;
}
@media (max-width:768px){
	#slideprice {
		margin:0;
		font-size: 18px;
	}
	#otzyvy .moduletable {
		padding-bottom: 100px;
	}
#otzyvy .carousel-indicators {
    left: 15px;
        bottom: -50px;
}	
.moreotz {
    left: 15px;
        bottom: -60px;
}	
}
#otzyvy .wetext p.htexto{
    color: #666;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}
#cons2  {
    background: #cc0000 url("../img/cons2.png") no-repeat scroll top center;		
    color: #fff;
}
@media (max-width:989px) {
	#cons2 {
    background: #cc0000;			
	}   
}
#cons2 .order-btn-w {
    border: 2px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 32px;
    font-weight: 600;
    cursor: pointer;
    line-height: 50px;
    margin: 15px 0 10px;
    padding: 0;
    text-align: center;
    text-transform: uppercase;
    width: 280px;
}
#cons2 .moduletable > h3 {
    color: #fff;
    font-size: 32px;
    margin: 10px 0;
    text-align: left;
}
#galbox {
	color:#fff;
	
}
#galbox .moduletable {
	background: #333;
    margin: 25px auto;
    max-width: 980px;
    padding: 10px 30px 34px;
}
#galbox .phocagallerycboxplusri {
	background: #fff;
	display: block;
	line-height: 0;
	position: relative;
}
#galbox .img-wrap-relative:hover .phocagallerycboxplusri:after {
	display: block;
}
#galbox .phocagallerycboxplusri:after {
	display: none;
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
    background: url("../img/overlay.png") no-repeat scroll center center;	
}
#galbox .carousel-indicators li {
    background-color: #fff;
    border: 1px solid #fff;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    height: 18px;
    margin: 3px;
    text-indent: -999px;
    width: 18px;
}
#galbox .carousel-indicators .active {
    background-color: #666;
    border: 1px solid #666;
    height: 18px;
    margin: 3px;
    width: 18px;
}
#galbox .moduletable > h3 {
    color: #fff;
    font-size: 32px;
    margin: 10px 0 15px 0;
    text-align: left;
}
#contbox {
	padding: 30px 0;
	background: #333;
	color: #ccc;
	font-size: 14px;
}
#contbox .moduletable > h3 {
    color: #fff;
    font-size: 32px;
    margin: 0 0 10px;
    text-align: left;
}
#contbox  .adres {
    background: rgba(0, 0, 0, 0) url("../img/adres-icon.png") no-repeat scroll left 4px;
    font-size: 14px;
    margin: 15px 0;
    padding: 0 0 0 40px;
}
#botobot {
    border-top: 1px solid #ccc;
    font-size: 13px;
    padding: 10px 0 0;
    text-align: right;
}
.phones-bot {
    background: rgba(0, 0, 0, 0) url("../img/phones-bot.png") no-repeat scroll left 4px;
    font-size: 14px;
    margin: 15px 0;
    padding: 0 0 0 40px;	
}
.phones-bot p , .mail-bot p {
	margin: 0;
}
.mail-bot {
    background: rgba(0, 0, 0, 0) url("../img/mail-bot.png") no-repeat scroll left 4px;
    font-size: 14px;
    margin: 15px 0;
    padding: 0 0 0 40px;		
}
#contbox a {
	color: #ccc;	
}
.view-category.itemid-182 .category-desc td {
	    border: 1px solid #333;
}
.view-category.itemid-182 .category-desc td td {
	    border: 0 none;
}
.aboutPersonalData{text-align:center;}
footer .logobox p{text-transform:none;text-align:left;}
footer a{color:#ccc;}
footer{background-color: #333;color:#ccc;padding:0;}
footer .navbar-nav{float:none;margin:0 25px 0 0;}
#footleft{font-size:13px;    margin: 25px 0 0;}
#footright{
	    font-size: 13px;
    margin: 18px 0 10px;
    text-align: right;
}
#footright a{color:#ccc;}
#footright a img{vertical-align:baseline;}
.modal-footer p{color:#fff;float:left;font-size:14px;}
.modal-header p{color:#fff;font-size:24px;margin:10px 0 0;text-align:center;text-transform:uppercase;}
.modal-content{box-shadow:0 5px 15px rgba(0, 0, 0, 0.5); color:#fff;}
.modal-content a {color:#333;}
.modal-content{
    background: rgba(255, 255, 255, 0.9) none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 0;
    box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
    outline: 0 none;
    position: relative;	
    color: #333;
}
.modal-content #form .aboutPersonalData a {
    color: #333;
    text-decoration: underline;
}
.modal-header {
    border-bottom: 3px solid #cc0000;
    padding: 15px;
}
.modal-footer {
    border-top: 3px solid #cc0000;
    padding: 15px;
    text-align: right;
}
.modal-content .order-btn {
    background: #cc0000 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 30px;
    color: #fff;
    cursor: pointer;
    font-size: 16px;
    line-height: 50px;
    margin: 8px 0;
    max-width: 100%;
    padding: 0 15px;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

.modal-title{color:#���;font-size:30px;text-transform:uppercase;font-weight:bold;line-height:43px;text-align:center;}
.modal-footer .btn{background:transparent none repeat scroll 0 0;border:1px solid #333;color:#333;}
#form.hideform, #form3.hideform{display:none;}
#form{max-width:300px;margin:20px auto;}
#form3{max-width:300px;margin:20px auto;}
#sendpost{width:100%;}
.aboutPersonalData{font-size:14px;margin:5px 0;}
#form .aboutPersonalData{text-align:center;}
#form .aboutPersonalData a{color:#fff;text-decoration:underline;}
.scrollup{color:#333;border:5px solid;border-radius:100px;bottom:100px;cursor:pointer;display:none;font-size:48px;height:80px;opacity:0.6 !important;position:fixed;right:10px;text-align:center;width:80px;z-index:9999;}
.scrollup:hover{opacity:1 !important;}
.rotateScr{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes rotateScr{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:0.6;}
}
@keyframes rotateScr{from{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:rotate3d(0, 0, 1, -200deg);transform:rotate3d(0, 0, 1, -200deg);opacity:0;}
100%{-webkit-transform-origin:center;transform-origin:center;-webkit-transform:none;transform:none;opacity:0.6;}
}
.rotateScr{-webkit-animation-name:rotateIn;animation-name:rotateIn;}
@media (max-width:768px){#phones .custom, #phones-bot .custom{float:none;margin:7px 0;}
.navbar-nav{float:none;margin:0;}
.navbar-default .nav > li > a{border:0 none !important;}
}
@media (min-width:769px) and (max-width:989px){.logobox{margin:10px 0;text-align:left;}

}
@media (max-width:988px){
.navbar-default .nav > li > a {
	font-size: 12px;
}
}
body #boxplus .boxplus-viewer{width:auto;}
#boxplus{overflow:hidden !important;}
@media all and (max-width: 998px){
    .armakompozit-table{
        display: block;
        max-width: 100%;
        width: 100%;
        overflow: hidden;
        overflow-x: auto;
    }
    .logobox img{
        margin: 0;
    }
}
@media all and (max-width: 768px){
    .armakompozit-scroll{
        position: relative;
        padding: 30px 0 0;
    }
    .armakompozit-scroll *{
        box-sizing: border-box;
    }
    .armakompozit-scroll:before{
        content: '';
        display: block;
        background: none;
        background-color: #2a2f83;
        -webkit-mask: url(../images/finger.svg) no-repeat center;
        width: 30px;
        height: 30px;
        top: 0;
        right: 0;
        position: absolute;
    }
    .armakompozit-table>table{
        width: max-content;
        max-width: initial;
        font-size: 14px;
    }
    .armakompozit-table table table td,
    .armakompozit-table table table{
        display: block;
        width: auto;
    }
    .armakompozit-table>table td{
        max-width: 200px;
    }
}