/* Copyright (C) YOOtheme GmbH, YOOtheme Proprietary Use License (http://www.yootheme.com/license) */

@import url(../warp/css/system.css);
@import url(../warp/systems/joomla/css/system.css);
@import url(system-all.css);


/* Items (Addition)
----------------------------------------------------------------------------------------------------*/
 
#system .items .leading .item {
	margin-bottom: 18px;
	padding-bottom: 12px;
}


/* Item List
----------------------------------------------------------------------------------------------------*/

#system .item-list { border: none; }


/* Search
----------------------------------------------------------------------------------------------------*/

@media (min-width: 600px) and (max-width: 820px) 
{
.polaroid > div {margin-left:20%}
	
}

.mainvideo {
	width: 560px;
	height: 312px;
	
}

.mainvideobanner {
	text-align:center; 
	position: static; 
	margin-left: auto; 
	margin-right: auto;}
	
@media (max-width: 778px) 
{
	.phones {display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;}
	.spotlight {max-width: 120px;}
	#top-b h2 {margin-top: 20px;} 
	.mainvideo {width: auto;}
	.big_btns {margin-top: 10px;}
}
#banner {height:100px !important;}
}
@media (max-width: 600px) 
{
.mainvideo {
	width: 280px;
	height: 156px;
} 
#banner {height:140px !important;}

.callback {
	position: static;
    margin-top: 40px;
    margin-left: -210px;
}

.phones {
	width: 200px !important;
}
}

@media (max-width: 765px) {

#banner {margin-top:-20px;padding-bottom: 20px; display: flex;}
  .lang_buttons {width: 40px !important;
    position: absolute;
    right: 20px;}
}

.bannermenu {
	margin-left: auto; 
	margin-right: auto;
}

.bannermenu .wk-gallery {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

@media screen and (min-width: 1200px) {
	.bannermenu  {width:1100px;}
}


@media (min-width: 400px) and (max-width: 960px) 
{
.bannermenu  {margin-left:10%}

}

.bannercaption {
background-color: rgba(238, 50, 41, 0.84); 
color: #fff; 
font-size: 28px; 
line-height: 24px; 
padding: 10px; 
width: 450px;	
	
}

@media (min-width: 600px) and (max-width: 900px) 
{
.bannercaption {
	padding: 5px;
    width: 300px;
	margin-left: 30px;
	font-weight: bold;
	font-size:18px;
}
}

@media (min-width: 500px) and (max-width: 600px) 
{
.bannercaption {
	padding: 3px;
    width: 220px;
	margin-left: 40px;
	font-size: 12px;
	font-weight: bold;
}
}

@media screen and (max-width: 500px) 
{
.bannercaption {
	display:none;
} 
.numb1 {    margin-left: 60px;
    margin-top: -15px;}

    .big_btns {
    flex-direction: column !important;
}
	
}



.menufooter {
	font-size:20px;
	padding: 20px;
	background:white;
	max-width:500px;
}

.menufooter a {
	color: red;
    font-weight: bold;
	text-shadow:0 !important;
}

.menufooter a:hover{
	color: red !important;
}

@media screen and (max-width: 1230px) 
{
#bottom-c .width50 {
	width:100%;
} 
.menufooter {min-height: 305px !important;}
}

@media screen and (min-width: 1320px) {
.wk-slideshow-infinite {
width:1300px !important;
margin-left: auto;
    margin-right: auto;
	
}
}
#block-top-a {background:#d7dde9}

#banner {

    width: 100%;
    position: static;
   background:white;
   height: 50px;
}

.smallphone {
	float:left;
}

.phonenumb {
	    float: left;
    width: 193px;
    height: 35px;
    background-size: cover !important;
	background:url(/images/call5.png);
	    font-size: 17px;
    font-weight: bold;
    color:white;
}

.phonenumb2 {
	    float: left;
    width: 193px;
    height: 35px;
    background-size: cover !important;
	background:url(/images/call6.png);
	    font-size: 17px;
    font-weight: bold;
	 color:white;
	     margin-left: -19px;
}

.smallphone1 {
	margin-left:40px;
	cursor:pointer;
}

.smallphone1:hover {opacity:0.8;}

.textheading {text-align:center;
font-size: 19px;}

.infotext{
	    font-size: 15px;
}

.nomer1{    margin-left: 50px;
    margin-top: 7px;}

.nomer1:hover {color: #90bc48;}

.nomer2{margin-left: 30px;
    margin-top: 7px;}
	
.phones {
	/* width: 780px; */
	width: 600px;
    margin-left: auto;
    margin-right: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.callback {
	    float: left;
    width: 193px;
    height: 35px;
    background-size: cover !important;
	background:url(/images/call7.png);
	    font-size: 21px;
    font-weight: bold;
	 color:white;
	    
}

.callfont {
	    font-size: 14px;
    margin: 8px 0px 0px 40px;
}

.callback:hover {
	color:#F9ECEC;
}

h1 {text-align:center}

.price_one img {
	  
}

.price_one {
	display: inline-block;
	width:29%;
}

.prod_one {
	display: inline-block;
    width: 32%;
	padding-bottom: 10px;
}
p.price_text {
	text-align: center;
    font-size: 20px;
    font-weight: bold;
    
}

@media screen and (max-width: 540px) 
{
.price_one {
	width:100%;
} 
.prod_one {
	width:100%;
} 
}

.prodheader {
	text-align: center;
    font-size: 35px;
    color: #2f2b2b;
}

.headbanner .price_one {cursor:pointer;
width: 
 }

/*#back-top*/
#back-top {
    display: none;
    position: fixed;
    z-index: 9999;
    width: 56px;
    height: 56px;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    border-radius: 50%;
    background: #39c143 url(https://ukrsich.kiev.ua/images/back-top.png) no-repeat scroll 0px 0px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}
#back-top.show{
    width: 56px;
    height: 56px;
}
#back-top:hover {
    background-color: #0091D5;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5), 0 3px 15px rgba(0, 0, 0, 0.5);
}
/* end-back-top */

.shophead {
	    float: left;
    width: 200px;
    height: 35px;
    background-size: cover !important;
    background: url(/images/call8.png);
    font-size: 21px;
    font-weight: bold;
    color: white;
}

.shopheadfont {
    font-size: 14px;
    margin: 8px 0px 0px 5px;
	    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.shopheadfont:hover {color:#F9ECEC;}

.isoheader {
	    width: 100px;
    overflow: visible;
    z-index: 9999;
    position: absolute;
    margin-left: 50px;
}

@media (min-width: 876px) and (max-width: 1060px) {
	.isoheader  {    margin-left: -50px;
    margin-top: 50px;
	}
}


@media (min-width: 779px) and (max-width: 875px) {
	.isoheader  {    margin-left: -80px;
    margin-top: 50px;
	}
}

@media (min-width: 444px) and (max-width: 778px) {
	.isoheader  {    margin-left: 10px;
	}
}

@media (min-width: 0px) and (max-width: 443px) {
	.isoheader  {    right: 0px;
	width: 70px;
	margin-top: -130px;
	}

	.phonenumb {margin-top: 2px;}
	.wk-gallery {display: flex;
    flex-wrap: wrap;
    justify-content: center;}
    .bannermenu {margin-left:0 !important;} 
}

.hoverimg:hover {opacity:0.8;}

.anchor_block a {color:#87b641;}

.border {
list-style: none;
padding: 0;
}
.border li {
padding: 7px 20px;
margin-bottom: 10px;
border-radius: 5px;
border-left: 10px solid #f05d22; 
box-shadow: 2px -2px 5px 0 rgba(0,0,0,.1),
     -2px -2px 5px 0 rgba(0,0,0,.1),
    2px 2px 5px 0 rgba(0,0,0,.1),
    -2px 2px 5px 0 rgba(0,0,0,.1);
transition: 0.3s all linear;
}
.border li:nth-child(2){border-color: #8bc63e;}
.border li:nth-child(3){border-color: #fcba30;}
.border li:nth-child(4){border-color: #1ccfc9;}
.border li:nth-child(5){border-color: #493224;}
.border li:hover {border-left: 10px solid transparent;}
.border li:nth-child(1):hover {border-right: 10px solid #f05d22;}
.border li:nth-child(2):hover {border-right: 10px solid #8bc63e;}
.border li:nth-child(3):hover {border-right: 10px solid #fcba30;}
.border li:nth-child(4):hover {border-right: 10px solid #1ccfc9;}
.border li:nth-child(5):hover {border-right: 10px solid #493224;}

h1.title {
	    padding: 0 20px;
	}

#fixedheader {
	    position: fixed;
    z-index: 999;
    width: 100%;
}

.question strong {
	text-shadow: none !important;
}

.question span, .question strong  {
	color: #97c24b;
    font-weight: bold;
}

.lang_buttons {
	width: 30px;
	cursor: pointer;
	    float: left;
    margin: 10px 0 0 20px;
    font-size: 22px;
    color: #95c04a;
}

.big_btns a {
	cursor: pointer;
}

.big_btns a:hover {
	opacity: 0.7;
}

.big_btns {
	display: flex;
    flex-direction: row;
    justify-content: center;
    margin:20px;
}