/* Custom styles */



#esponi_OPA_Container {   
  width: 100%; 
  clear: both;
  position: relative;

}

#esponi_OPA {
	margin-top: 10px;
	padding: 12px 4px 4px 4px;
	font-size: 14px;
	line-height: 180%;
	margin-bottom: 10px;
}
		
#esponi_OPA_UnitText_Explanation {
		font-weight:  normal;
		font-size: 12px;
}


#esponi_OPA_TotalText, #esponi_OPA_UnitText {
		font-weight:  bold;
		font-size: 14px;
		text-transform: uppercase;

}

#esponi_OPA_Total, #esponi_OPA_Unit {
	font-weight: bold;
	font-size: 26px;

}

#esponi_OPA_UnitExTax, #esponi_OPA_TotalExTax {
color: #bdbdbd;
text-decoration-line: line-through;
font-size: smaller;
font-weight: 300;
}

#esponi_OPA_UnitBlock, #esponi_OPA_TotalBlock
{
		// display: block !important;
}

#esponi_OPA_Loader {
  background: url("http://opencartcfo.com/_OPAWaiting.gif") no-repeat;
  float: right;
  width: 24px;
  height: 24px;
}

#esponi_OPA_InfoSale {
    position: absolute;
    display: block;
    top: 10px;
    left: -5px;
    background: #e6494d;
    color: #fff;
    line-height: 1;
    padding: 5px 10px;
    font-weight: 900;
    border-radius: 3px;
    transform: rotateZ(330deg);
}
.alert__alert-success {
    background: #D4FFE3;
    border: 2px solid #80CFAB;
    width: 75%;
    margin: 20px auto 25px;
    padding: 12px;
    text-align: center;
    color: #555555;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}

.esponi_OPA_LoaderNew {
  position: relative;
  float: right;
  width: 64px;
  height: 18px;
  margin-right: -6px;
}
.esponi_OPA_LoaderNew div {
  position: absolute;
  top: 4px;
  width: 11px;
  height: 11px;
  border-radius: 50%;
  background: #76c4e3;
  animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
.esponi_OPA_LoaderNew div:nth-child(1) {
  left: 6px;
  animation: esponi_OPA_LoaderNew1 0.6s infinite;
}
.esponi_OPA_LoaderNew div:nth-child(2) {
  left: 6px;
  animation: esponi_OPA_LoaderNew2 0.6s infinite;
}
.esponi_OPA_LoaderNew div:nth-child(3) {
  left: 26px;
  animation: esponi_OPA_LoaderNew2 0.6s infinite;
}
.esponi_OPA_LoaderNew div:nth-child(4) {
  left: 45px;
  animation: esponi_OPA_LoaderNew3 0.6s infinite;
}
@keyframes esponi_OPA_LoaderNew1 {
  0% {
    transform: scale(0);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes esponi_OPA_LoaderNew3 {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
@keyframes esponi_OPA_LoaderNew2 {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(19px, 0);
  }
}


/* Сторінка частих запитань */

.faq h4 {cursor: pointer;
    background-image:url('/image/data/siteimg/plus.png');
    background-repeat:no-repeat;
    text-indent:23px;
    background-position:0px 0px;}

.faq h4.open {
    background-image:url('/image/data/siteimg/minus.png');
}

.stick, .stick1{
    position:fixed !important;
    top:0px;
    background-color: white;
    border-bottom-right-radius:2px;
    border-bottom-left-radius:2px;	
    padding: 5px 6px 5px 8px !important;
    box-shadow:1px 3px 3px 1px #c3c3c3;
    width: 455px;
    z-index: 10000;
    margin: 0px 0px 0px -8px !important;

}

/* Кнопки веб2принт */
/*

#web2print_buttons_div {
	text-align: left;
}

#web2print_buttons_div .button {
cursor: pointer !important;
font-size: 15px;
padding: 8px 12px;
text-decoration: none;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
color: #ffffff;
text-transform: uppercase;
background-color: #DD4B39;
background-image: -moz-linear-gradient(top, #DD4B39, #c43f2d);
background-image: -ms-linear-gradient(top, #DD4B39, #c43f2d);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#DD4B39), to(#c43f2d));
background-image: -webkit-linear-gradient(top, #DD4B39, #c43f2d);
background-image: -o-linear-gradient(top, #DD4B39, #c43f2d);
background-image: linear-gradient(top, #DD4B39, #c43f2d);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#DD4B39', endColorstr='#c43f2d', GradientType=0);
border-color: #DD4B39 #DD4B39 #c43f2d;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);}

#web2print_buttons_div .button:hover, #web2print_buttons_div .button:active  {
	background-color: #c43f2d;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	color: #ffffff;
}
*/


/* Sellegance improvements */

/*
.tab-content a, .controls a, .info-inner a, .category-info a, .rightcol .options a {text-decoration:underline; color: #CF342B}
.tab-content a:hover, .controls a:hover, .info-inner a:hover, .category-info a:hover {text-decoration:none;}
.form a {color: #333333; text-decoration: none;}
.category-info .slides .inner .image { float: left; margin: 0 0 10px 0;}
.category-info .slides .inner  #zoom-image {background: none;}	
.category-info .products-slider ul li .inner {	border-left: none;}	

.product-info .cart input[type="text"] {
width: 50px !important;
}

.control-group, .form-group {
	margin-top: 10px;
}

.input-sm {
	font-size: 13px !important;
}

a.button-inverse, a:visited.button-inverse {
	color: white !important;
}

.rightcol .options .form a {
color: #333333;
text-decoration: none;
}
*/

.qty-minus {
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.qty-plus {  
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/*

.product-info .rightcol .price {
padding-top: 10px;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
margin: 30px 5px 10px 5px !important}

.product-info .rightcol .cart {
border-top:none !important;

}

.product-info .options {
			border-top: none !important;
			padding-top: 0px !important;}
			
.input-qty .input-lg {			
			border: 1px solid #ccc;}

div.addthis_toolbox {
        width: 285px;
        margin: 0 auto;
}
*/

/* Нумерування списків */

ol.simple-list {
    list-style-type: none;
    list-style-type: decimal !ie; /*IE 7- hack*/
     
    margin: 0;
    margin-left: 3em;
    padding: 0;
     
    counter-reset: li-counter;
}
ol.simple-list > li{
    position: relative;
    margin-bottom: 20px;
    padding-left: 0.5em;
    min-height: 3em;
    border-left: 2px solid #CCCCCC;
}
ol.simple-list > li:before {
    position: absolute;
    top: 0;
    left: -1em;
    width: 0.8em;
     
    font-size: 3em;
    line-height: 1;
    font-weight: bold;
    text-align: right;
    color: #464646;
 
    content: counter(li-counter);
    counter-increment: li-counter;
}


/* Кнопка вибору способу замовлення */


#pp_main_btn_sec .btn, #pp_main_btn_sec .btn-success{
	
  box-shadow: 0px 1px 2px #666666;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px 10px 20px;
  text-decoration: none !important;
  color: #ffffff;
  border-width: 0px !important;
  width: 100%;
	
}

#pp_main_btn_sec .btn-default {
	color: #000000;
	background: #f2f2f2;
}


#pp_main_btn_sec .btn-warning  {
  background: #E6001C !important;
  border-width: 0px !important;
	
}

#pp_main_btn_sec .btn-warning:hover {
  background: #D00018 !important;
  text-decoration: none;
}

#pp_main_btn_sec .btn-default:hover {
  color: #b20318;
  background: #e5e4e4;
  color: black;
  border: 1px #a7a7a7 solid;

}

#pp_main_btn_sec .btn-success:hover {

  color: #b20318;
  background: #52ad52;
  color: #ffffff;
  border: 1px #b20318 solid;
 
	
}



.btn1 {
  display: inline-block;
  background: #445EBC;
  background-image: -webkit-linear-gradient(top, #445EBC, #394D98);
  background-image: -moz-linear-gradient(top, #445EBC, #394D98);
  background-image: -ms-linear-gradient(top, #445EBC, #394D98);
  background-image: -o-linear-gradient(top, #445EBC, #394D98);
  background-image: linear-gradient(to bottom, #445EBC, #394D98);
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px #666666;
  -moz-box-shadow: 0px 1px 2px #666666;
  box-shadow: 0px 1px 2px #666666;
  color: #ffffff !important;
  font-size: 16px;
  font-weight: 700;
  padding: 10px 20px 10px 20px;
  text-decoration: none !important;
  margin: 10px;

}

.btn1:hover {
  background: #4D6CDE;
  background-image: -webkit-linear-gradient(top, #415CD5, #374AAC);
  background-image: -moz-linear-gradient(top, #415CD5, #374AAC);
  background-image: -ms-linear-gradient(top, #415CD5, #374AAC);
  background-image: -o-linear-gradient(top, #415CD5, #374AAC);
  background-image: linear-gradient(to bottom, #415CD5, #374AAC);
  text-decoration: none;
  box-shadow: none;
}

/* Кнопка вибору файлів */

.button-upload {
display: inline-block;
padding: 4px 12px;
margin-bottom: 0;
font-size: 13px;
font-weight: 700;
line-height: 20px;
text-align: center;
vertical-align: middle;
cursor: pointer;
color: #333333;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
background-color: #f5f5f5;
background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
border-color: #e6e6e6 #e6e6e6 #bfbfbf;
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
border: 1px solid #bbbbbb;
border-bottom-color: #a2a2a2;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
-moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);
box-shadow: inset 0 1px 0 rgba(255,255,255,.2), 0 1px 2px rgba(0,0,0,.05);}

.button-upload:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;
    *background-color: #d9d9d9;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}

.button-upload:active {
    background-color: #e6e6e6;
    background-color: #d9d9d9 \9;
    background-image: none;
    outline: 0;
    -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, .15), 0 1px 2px rgba(0, 0, 0, .05);
}

/* Закладки в категоріях */

		.cat .htabs {
			margin-top: 15px;
			height: 34px;
			line-height: 18px;
			border-bottom: 1px solid #DDDDDD;
		}
		.cat .htabs a {
			padding: 9px 15px 7px 15px;
			float: left;
			font-weight: normal;
			text-align: center;
			text-decoration: none;
			color: #777;
			margin-right: 2px;
			display: none;
			font-size: 18px;
			font-weight: 700;
		}
		.cat .htabs a:hover {
			background: #eee;
		}
		.cat .htabs a.selected {
			padding-bottom: 7px;
			background: #FFFFFF;
			font-weight: bold;
			color: #333;
			border-top: 1px solid #DDDDDD;
			border-left: 1px solid #DDDDDD;
			border-right: 1px solid #DDDDDD;
		}


.cat  {
			margin: 28px 0 18px;
			text-align:left;
			padding-left: 10px;
			border-top:1px solid #DDD;
			
		}
		
.inner {margin: -0.6em auto 0;}
		
.cat .inner span { background:#FFF; padding: 0 12px;  }

.options select, .input-qty select {-webkit-appearance:  menulist !important}
			
/*
.blockUI, div[class|="w2p"], a[class|="w2p"] 
			
			{-webkit-box-sizing:content-box !important;
			-moz-box-sizing:content-box !important;
			box-sizing:content-box !important}
*/


body.body-bg {background-image: url(http://www.vizitochka.ua/image/data/siteimg/background.jpg) !important;}	

#lastSavedProjectsDiv a {cursor: pointer !important}

.pp-sec-tabs-links li a:hover {text-decoration: none !important}

.ppc-main-ui {max-width: 100% !important}

/* Лінки в суб-категорія */

.subcat_thumb a span {font-size: 14px; font-weight: bold; margin-top: 10px;}

.thumbnails {
	overflow: auto;
	clear: both;
	list-style: none;
	padding: 0;
	margin: 0;
	margin-left: -20px;
	margin-bottom: 30px;

}


.thumbnails > li {
	margin-left: 20px;
}

.thumbnails > img {
	width: 100%;
}
.image-additional a {
	margin-bottom: 20px;
	padding: 5px;
	display: block;

}
.image-additional {
	max-width: 78px;

}
.thumbnails .image-additional {
	float: left;
	margin-left: 20px;
}

.thumbnail {
	border: none;
}


.product-page .image-additional {clear: none !important}

.product-grid .caption, .product-layout .caption { border: none !important}

.checkout-heading {text-align: left;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight: bold;}
	
.form-horizontal {border: none}

.simplecheckout-block-content fieldset {border: none}

.product-page .cart input[type="text"] {width: 70px;}

.column-item .maincat {border-bottom: none;}
.dropdown-menu.cols-3 {width: 600px;}
.simple-content .btn {color: white !important;}
table.copu-tbl tbody td.size, table.copu-tbl tbody td.date, table.copu-tbl tbody td.action {vertical-align: middle;}
table.copu-tbl thead td.preview {padding: 8px;}
.category-slider .owl-item .catname {border: none;}
.subcat_thumb a img {margin: 3px auto !important;}

.input-qty select {height: 46px; width: 80px; float: left;}

.opt {margin-bottom: 10px; padding-right: 5px; width: 100%; float: left; }

.cart {clear: left;}

@media (max-width: 768px){
[class^="opt"] {
  width: 100% !important; 
  float: left !important;
}
}
.opt3501, .opt3502, .opt331, .opt332, .opt3456, .opt3455, .opt3479, .opt3480 {width: 100%}
.opt328, .opt3380, .opt330, .opt3378, .opt3256, .opt329, .opt3381, .opt3463, .opt3476, .opt3483, .opt3473, .opt3478, .opt3475, .opt3481, .opt3453, .opt3462, .opt3452, .opt3461, .opt3497, .opt3504, .opt3498, .opt3499, .opt3503, .opt3498, .opt3500, .opt3733, .opt3779, .opt3734, .opt3735, .opt3488, .opt3486, .opt3485, .opt3489, .opt3731, .opt3732, .opt3728, .opt3729, .opt3736, .opt3972, .opt3971, .opt3976, .opt3968, .opt3969, .opt3977, .opt3959, .opt3960, 

/*Довільний розмір КС*/ .opt3962, .opt3961, .opt3964, .opt3954, .opt3965, .opt3955, .opt3963, .opt4238,
/*Стандартні формати КС*/ .opt3948, .opt3947, .opt3941, .opt3951, .opt3952, .opt3942, .opt3943, .opt3949,
/*SRA3 КС*/ .opt555, .opt552, .opt3979, .opt3980,

/* М'яка палітурка (PUR біндер) КС */ .opt4114, .opt4115, .opt4116, .opt4117, .opt4119, .opt4120,
/* Скріплення пружиною КС */ .opt4101, .opt4102, .opt4103, .opt4104, .opt4106, .opt4107, .opt4109, .opt4110, 
/* Тверда палітурка КС */ .opt4127, .opt4128,

/*Довільний розмір Візиточка */ .opt3441, .opt3442, .opt3434, .opt3431, .opt3435, .opt3844, .opt3781, .opt3782, .opt4511, .opt4512,
/*Стандартні формати Візиточка*/ .opt3818, .opt3824, .opt3823, .opt3832, .opt3817, .opt3825, .opt3830, .opt4376,

/*Листівки Візиточка*/ .opt4002, .opt4000, .opt4003, .opt3999, .opt3990, .opt3988, .opt3991, .opt3987, .opt1297, .opt1300, .opt3986, .opt3985, .opt3996, .opt3994, .opt3997, .opt3993,
/*Запрошення Візиточка*/ .opt4438, .opt4437, .opt4436, .opt4441, .opt4433, .opt4432, .opt4430, .opt4435, .opt4444, .opt4445, .opt4446, .opt4447, .opt4448, .opt4449, .opt4450, .opt4452,

/* Кругля наклейки Візиточка */ .opt4700, 


/*Листова продукція*/    .opt4600, .opt4601, .opt4601,.opt4598,.opt4599,.opt4589,.opt4590,.opt4591,.opt4592,.opt4593,.opt4596,
/* Друк SRA3 */ 

/* KC багатосторінкова скоба */ .opt4138, .opt4139, .opt4143, .opt4144
 {width: 50%; float:left;}
 
 .opt4140, .opt4141, .opt4129, .opt4130, .opt4131, .opt4132, .opt4133, .opt4134, .opt4597,  .opt4586, .opt4614, .opt4613,  .opt4587,  .opt4584,  .opt4585  {width: 33%; float:left;}
 .opt4142, .opt4588, .opt4612 {width: 34%; float:left;}
 
 /* Висота та ширина */
 .opt4584 input, .opt4585 input {width: 65px; text-align: center; }
 .opt4585 {clear: right;}
 
 /* Кольоровість друку */
.opt4587 select, .opt4613 select  {width: fit-content; text-align: center;}

 .optdiv96_2 select,  .optdiv97_2 select,  .optdiv84_2 select,  .optdiv85_2 select, .opt4588 select {width: fit-content;}
 
 .optdiv77, .optdiv78  {width: 50%; float:left;}
 
 .optdiv96_2,  .optdiv97_2,  .optdiv84_2,  .optdiv85_2 {width: 25%; float:left;}
 
/* Випадаюче меню діаметру виробу 

.optdiv98_0 {width: 50%; float:left;} */

/* simple chaechout */
	
#simplecheckout_payment .form-group > label {padding-left: 5%; text-transform: none; font-weight: 300; color: #8b8b8b; font-size: 11px;}

/* Навігація */

.navbar .nav > li > a {font-size: 20px; font-weight: bold; margin: 15px 0px;}

.search-trigger, .search-area-close, .search-area input  {margin-top: 18px;}

#footer li a, #footer .footer_info a {font-size: 13px;}

.dropdown-menu {font-size: 16px;}

#top-links .list-inline > li > a {
    text-transform: none;
    font-size: 14px;
    font-weight: bold;}
.navbar .dropdown-menu li>a {
    display: block;
    padding: 7px 20px 11px 20px;
    clear: both;
    line-height: 23px;
    color: #000;
    font-weight: bold;}
#cart {
    margin-top: 22px;}
    
#footer #mod-1 h3, #footer #mod-2 h3, #footer #mod-3 h3 {
    text-align: center;
}
#full-info h2, #full-info h3, #full-info h4 {font-weight: bolder;}

.product-page .tags {
padding-bottom: 16px;}

.box-category > ul > li > a.active {
    margin-bottom: 0px; 
}

.tab-content a, .tab-content a:visited, .tab-content a:hover, .tab-content a:active {color: #C41D1D !important;}

.letter h3 a span {font-size: 200%; font-weight: 600; text-shadow: 1px 1px 2px grey; position:relative;top:5px; padding-right: 2px;}
.letter h3 a {font-variant: all-small-caps;}
.letter h3 a:hover, .letter h3 a:active {text-decoration: none;}
.letter p {padding-left: 20px;}


.copu-tbl thead, .empty {display: none;}