body{
	width:1140px;
	margin:auto !important;
	overflow:auto;
	font-family: 'Open Sans', sans-serif !important;
}
.dalej{
    background: #d51285;
    padding: 10px;
    color: white;
    font-size: 15px;
    text-align: center;
    width: 126px;
    text-decoration: none;
    cursor:pointer;
}
#head_baner{
	margin-top:5px;
}
#head_baner > #logo{
	margin-left: 0px;
	display:inline-block;
}
#head_baner #logo a img{
   	width: 300px;
}
#head_baner > #slider{
	display:inline-block;
	float:right;
	width:100%;
}
#head_baner > #slider > #myCarousel{
	width: 100%;
	margin: auto;
}
#head_baner > #slider > #myCarousel > .carousel-control{
	 background-image:none;
 }
#head_baner > #slider > #myCarousel > .carousel-control > img{
	 margin-top:45px;
}
#head_baner > #slider > #myCarousel > .carousel-control.left{
	 left:-90px;
}
#head_baner > #slider > #myCarousel > .carousel-control.right{
	 right:-90px;
}
#head_menu{
	margin-bottom:20px;
	padding: 0px;
	margin-top:15px;
        height: 32px;
	
}	
#head_menu > a + a:hover > div{
        color: #35BFC3;
	animation-duration: 0.7s;
    
}
#head_menu div{
	text-align:center;
	text-transform:Uppercase;
	font-size: 14px;
	font-weight:600;
	padding-bottom:10px;
	padding-top:45px;
	color: #292B2C;
}
#column_left{
	display:inline-block;
	font-family: 'Open Sans', sans-serif;
}
#column_left > .main_category > .sub_category{
	display:none;
        background-color: #f3f8fb;
        padding-left: 10px;
        margin-top: 15px;
        
}
#column_left > .main_category > .main_title{
	color:#2d74a0;
        font-weight: 600;
        display: inline;
        
	
}
#column_left > .main_category > .main_title a{
    text-decoration: none;
}
#column_left > .main_category:hover{
    background-color:#eaf1f5;
    cursor:pointer;
}
#column_left > .main_category{
	border-bottom:1px #bbd2e0 solid;
	padding-top:10px;
	padding-bottom:0px;
}
#column_left > .main_category >.underlineborder{
	padding-top:10px;
	width:10px;
	height:1px;
	border-bottom:1px solid black;
}
#column_left > .main_category.active{
	background-color:#eaf1f5;
}
#column_left > .main_category.active  > .main_title ,#column_left > .main_category.active  > .main_title a{
	color:#c41b87; 
        padding-left: 15px;
        
	
}
#column_left > .main_category.active >.sub_category{
	display:block;
        
}
#column_left > .main_category.active >.sub_category >.item , #column_left .item{
padding-top: 5px;
padding-left:5px;
font-size: 12px;
}
#column_left .sub_category> .item:hover , #column_left .item:hover{
	font-weight:600;
        cursor:pointer;
}
#column_left .sub_category> .item:hover::before , #column_left .item:hover::before{
	color:#c41b87; 
        cursor:pointer;
}
#column_left .sub_category> .item::before , #column_left .item::before{
	color:#7f7f7f;
	content:">";
	margin-right:5px;
}
#column_left  .sub_category >.item.active , #column_left .item.active{
	color:#c41b87;
	font-weight:600;
        font-size: 12px;
}
#column_left  .sub_category >.item.active::before , #column_left .item::before{
	color:#c41b87;
}
.item + .subsub_category{
    display:none;
    
}
.item.active + .subsub_category{
    display:block;
}
.subsub_category {
    margin-left: 15px;
    color:black;
    font-weight: 400;
    
}
#content{
	display:inline-block;
}
#column_right{
	display:inline-block;
	float:right;
}
#column_right .cart_qt {
	display: inline-block;
        padding-left: 5px;
        padding-right: 5px;
	height: 15px;
	background: #d51285;
	color: white;
	font-size: 10px;
	text-align: center;
	vertical-align: top;
}
#column_right > .first_box,#column_right > .second_box,#column_right > .third_box{
	border-bottom:1px solid #cbdce7; 
	padding-bottom:20px;
}
#column_right > .first_box  > .head ,#column_right > .second_box  > .head,#column_right > .third_box > .head{
	color:#001d4f;
	display: inline-block;
	text-transform:uppercase;
	font-weight: 600;
}

#column_right > .third_box > .head{
	margin-bottom:8px;
}
#column_right > .first_box > .option::before,#column_right > .second_box > .option::before{
	content: ">";
	color:#7f7f7f;
	margin-right:10px;
}
#column_right > .first_box > .option,#column_right > .second_box > .option{
	color:#6599b9;
	margin-top:10px;
}
#column_right > .second_box  > .head ,#column_right > .third_box > .head{
	margin-top:25px;
}
#column_right > .third_box > .option2{
	margin-top:12px;
}
#column_right > .third_box > .option2 > .head{
	text-transform:uppercase;
	margin-bottom:10px;
}
#column_right > .third_box > .option2 >.phone > .separator{
	width:40px;
	border-bottom:1px solid  #cbdce7;
	margin-top:8px;
	margin-bottom:14px;
}
#column_right > .third_box > .option2 > .phone > .phone_icon {
	margin-right:8px;
}
#column_right > .third_box > .option2 > .phone > .mail{
	display:inline-block;
	padding-left:12px;
	border-left:1px #cbdce7 solid;
}
#column_right > .four_box > .icon {
	margin-top:5px;
	margin-right:12px;
}
#column_right > .four_box >.head{
	text-transform:uppercase;
	display:inline-block;
	color:#001d4f;
	margin-top:12px;
	font-weight: 600;
	vertical-align:middle;
}
#column_right > .product , .product{
	margin-top:24px;
	text-align: center;
        height: 180px;
}
.product:hover{
    border:1px solid #e6e6e6;
    cursor:pointer;
    text-decoration: none;
}
#column_right > .product > .product-image , .product > div >.product-image{
	margin:auto;
	display: block;
	margin-bottom:14px;
        max-height: 80px;
        max-width: 140px;
}
#column_right > .product > .red , .product > .red{
    color:#c41b87;

}
#bread{
	border-bottom:1px solid #d5e3ec;
}
#bread > p{
	display: inline-block;
}
#bread > .bread-item::after{
	content:" > ";
	color:#b4b4b4;
	font-size:12px;
}
#bread > .bread-item:last-child{
	color:#d51285;
}
#bread > .bread-item:last-child::after{
	content:"";
}
#serach{
	background-image:url('images/serach_bg.jpg');
	height:145px;
	margin-top:5px;
}
#serach select,#serach select option {
    padding-left: 5px;
}
#serach > .content {
	width:638px;
	margin:auto;
	padding-top:14px;
	padding-bottom:14px;
}
#serach > .content  .title{
	text-transform:uppercase;
	font-weight:600;
	color: white;
	display:inline-block;
        margin-top:0px;
}
#serach > .content  .filter{
	display:inline-block;
	float:right;
        margin-right: 5px;
}
#serach > .content  select.filter {
	width:170px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('images/select.png') 96% / 15% no-repeat #eee;
	background-color:#d51285;
	color: white;
	font-size: 12px;
        margin-right: 0px;
}

#serach > .content .searchbox{
	margin-top:10px;
	padding:12px;
	height:48px;
	background:white;
}
#serach > .content .searchbox .searchtext{
	width:555px;
	border: none;
}
#serach > .content .searchbox .searchbutton {
	display: inline-block;
	border-left: 1px solid #dcdcdc;
	padding-left: 18px;
	font-size: 18px;
}
#serach > .content .searchbox .searchbutton:hover{
    cursor:pointer;
}

#serach > .content .searchbox1{
	margin-top:10px;
	padding:5px;
	height:48px;
}
#serach > .content .searchbox1 .searchtext{
	width:555px;
	border: none;
}
#serach > .content .searchbox1 .searchbutton {
	display: inline-block;
	padding-left:0px;
	font-size: 18px;
}
#serach > .content .searchbox1 .searchbutton:hover{
    cursor:pointer;
}


#serach > .content 	.bottom-filter {
	margin-top:10px;
	color: #C0C0C0;
}
#serach > .content 	.bottom-filter .filtersmall{
	width:42px;
}
#serach > .content .bottom-filter > .searchrightbottom{
	float:right;
}
#serach > .content .bottom-filter > .searchrightbottom  .searchselect {
		width:120px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	background-color:white !important;
	border:none;
	background: url('images/BottomSearchFilterSelect.jpg') 96% / 15% no-repeat #eee;
}
#categories{
margin-top:26px;
}
#categories > .category-item{
	width:32.96%;
	display:inline-block;
	text-align:center;
	font-weight:600;
}
#categories > .category-item:hover{
    cursor:pointer;
}
#categories > .category-item > p{
	text-transform:uppercase;
	margin-top:8px;
}
#info > .info-title{
	font-weight:600;
	margin-top:28px;
	margin-bottom:22px;
	color:#828485;
}
#info > .info-content{
	font-size: 12px;
	color:#a7a9aa;
}
#cartheader{
	text-transform:uppercase;
	font-weight:600;
	color:#001d4f;
	margin-top:10px;
}
#cartheader > img {
margin-right:5px;	
}
td.delchk{
    padding-left: 15px;
}
.bdelete{
        display: block;
	background-color:white;
	width:15px;
	height:15px;
        border: 1px solid #ddd;
}
.delchk >label{

}
.delchk > label > input {
    visibility: hidden;
}
.delchk > label > input + .bdelete{
    cursor:pointer;
}
input:checked + .bdelete{
    
    background-color:#d51285;
}
#tablecart{
	width:100%;
	margin-top:10px;
	margin-bottom:5px;
}
#tablecart > thead >tr {
	text-transform:uppercase;
	border-bottom:1px solid #d5e3ec;
	border-top:1px solid #d5e3ec;
	
}
#tablecart > thead >tr >th{
	padding-top:10px;
	padding-bottom:10px;
}
#tablecart > tbody > tr  {
	height:90px;
	border-bottom:1px solid #d5e3ec;
	font-size: 12px;
} 
#tablecart > tbody > tr >td> .bluetitle{
	color:#3b7da6;
	margin-top: 10px;
	text-transform:uppercase;
}
#tablecart > tbody > tr >td> .title{
	text-transform:uppercase;
	font-weight:600;
	padding-bottom: 12px;
}
#tablecart > tbody > tr >td> label .quantity{
display:inline-block;
margin-right:22px;
font-weight:600;
margin-left:20px;
}
#tablecart > tbody >tr >td+td+td {
	padding-bottom: 10px;
}
#tablecart2{
	width: 100%;
}
#tablecart2 > thead >tr >th{
	font-weight: 600;
}
#tablecart2 > thead >tr >td{
	padding-left:15px;
	padding-bottom:25px;
	padding-top:5px;
}
#tablecart2 > tbody > tr >td{
	padding-left:12px;
	vertical-align:top;
	padding-top:5px;
}
#title3{
	margin-top:25px;
	color:#001d4f;
	font-weight:600;
	text-transform:uppercase;
}
.customradio:hover{
    cursor:pointer;
    background: #ddd;
}
.customradio label{
	margin-left:5px;
	font-weight:400;
}
.customradio .radio{
	width:16px;
	height:16px;
	background-color:white;
	display:inline-block;
	vertical-align: middle;
	border: 2px solid #eee;
        cursor:pointer;

}
.customradio .radio.active, input:checked + .radio{
	background-color:#d51285;
	
}
.customradio:hover label{
	font-weight:200;
}
.customradio input[type=radio]{
	visibility:hidden;
}

#footer{
	margin:auto;
        margin-top: 15px;
        background-color:#202325;
        color:white;
        height: 150px;
        padding-top: 1px;
}
#footer div{
    text-align: right;
    padding-right: 0;
}
#footer div a {
    display:block;
    color:white;
}
#footer div+img+div{
    text-align: left;
    padding-left: 0;
}
#title2{
	text-transform:uppercase;
	margin-top:30px;
	margin-bottom:25px;
	color:#001d4f;
	font-weight:600;
}
#login > #register_box,#login > #login_box{
	margin-top:5px;
	text-transform:uppercase;
	font-weight:600;
	color:#102b5a;
	display:inline-block;
	border-bottom:1px solid #d5e3ec;
	width: 47%;
	
}
#login > #register_box > .head ,#login > #login_box > .head {
	padding-bottom:10px;
	border-bottom:1px solid #d5e3ec;
}
#login > #register_box > .head > .imghead,#login > #login_box > .head > .imghead{
	margin-right:5px;
}
#login > #register_box > .content ,#login > #login_box > .content{
	border-bottom:1px solid #d5e3ec;
	height:178px;
}
#login > #register_box > .content > .head ,#login > #login_box > .content > .head{
	font-weight:600;
	font-size:12px;
	padding-right:95px;
	padding-top:26px;
	margin-bottom:20px;
}
#login > #register_box > .content > .box ,#login > #login_box > .content > .box{
	font-size:12px;
	font-weight:400;
	text-transform: none;
}
#login > #register_box > .content > .box input,#login > #login_box > .content > .box input {
	margin-top: 5px;
}
#login > #register_box > .buttonbox > a > button,#login > #login_box > .buttonbox > button{
	margin-top:26px;
	margin-bottom:10px;
	background-color:#2d74a0;
	text-align:center;
	border:none;
	color:white;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:15px;
	padding-right:10px;
}
#login > #register_box > .buttonbox > a > button::after,#login > #login_box > .buttonbox > button::after{
	content:">";
	margin-left:36px;
}
#login > #login_box > .content > .box > a {
	padding-top:20px;
	display:block;
}
#login > #login_box{
	float:right;
	margin-left:30px;
	
}
#login >#section2 >.title{
	margin-top:38px;
	margin-bottom:22px;
	font-weight:600;
	color:#444749;
}
#login >#section2 >.text{
	color:#696b6d;
}
#product{

}
#product  .title{
	text-transform:uppercase;
	font-weight:600;
	font-size: 16px;
	margin-top:22px;
}
#product  .code {
	color:#578fb3;
	font-weight:600;
	margin-top:22px;
	margin-bottom:30px;
	text-transform:uppercase;
}
#product .section1 {
    position: relative;
}
#product  .section1 > .main {
	border-top:1px solid #d5e3ec;
	padding-top:28px;
	padding-bottom:25px;
	display:inline-block;
	width:60%;
	text-align: justify;
}
#product  .section1 > .main > .head {
	text-transform:uppercase;
	padding-top:28px;
	padding-bottom:28px;
	font-weight:600;
}
#product .section1 > .main > .desc {
    padding-right: 10px;
}
#product  .section1 > .productimage ,.section1 .main + strong > a {
	float:right;
	width:40%;
        cursor:zoom-in;
        position: relative;

}
.productimage img{
    max-width: 100%;
    max-height: 100%;
    display:block;
    margin:auto;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
}
#product  .separator1{
	border-top:1px solid #d5e3ec;
	clear: both;
}
#product  .section2 > .box1{
	width:60%;
	display: inline-block;
}
#product  .section2 > .box1 >.head{
	text-transform:uppercase;
	padding-bottom:18px;
	font-weight: 600;
	padding-top:16px;
}
#product  .section2 > .box1 > div:nth-child(2n+0) {
background-color:#f1f5f8;
}
#product  .section2 > .box1 > .proquantity , .box1 .a {
	
	padding-left:15px;
	padding-bottom:10px;
	padding-top:10px;
}
#product .box1 .a input , .box1 .b input , .box1 div select{
    width:120px;
    float: right;
    margin-right: 15px;
}
#product  .section2 > .box1 > .proquantity > input {
	width:42px;
	text-align:center;
	font-weight:600;
}
#product  .section2 > .box1 > .proquantity > img{
vertical-align: top;
}
#product  .section2 > .box1 > .colors , .box1 .b {
	border-bottom:1px solid #d5e3ec;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
}
 #product  .section2 > .box1 >.overprintquant > select,  .box1 .a select , .box1 .b select{
	border:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('images/BottomSearchFilterSelect.jpg') 96% / 15% no-repeat white;
	width:120px;
}
#product  .section2 > .box1 > .overprint {
	padding:14px;
}
#product  .section2 > .box1 > .overprintquant{
	padding-top:18px;
	padding-left:14px;
}
#product   .productadd {
	width:246px;
	height:64px;
	float: right;
	margin-top:70px;
	margin-right:12px;
	background-color:#d51285;
	border:none;
	color:white;
	text-transform:uppercase;
	text-align:left;
	}
.reggo {
	text-align: center;
	font-weight: 600;
	font-size: 18px;
	width: 150px;
        background-color:#d51285;
        border:none;
	color:white;
        margin-top: 25px;
        float: right;
        height:64px;
}
        
#product  .section2  .productadd  img {
	margin-left:15px;
	margin-right:15px;
}
#product  .section3 {
	border-top: 1px solid #d5e3ec;
	border-bottom: 1px solid #d5e3ec;
	margin-top:35px;
	padding-left:20px;
}
#product  .postscript {
	font-size:12px;
	color:#b4bbbf;
	padding-top:14px;
}
[name=login]{
    display:inline;
}
#login_mess{
    font-size: 18px;
    font-weight: 600;
    padding:10px;
    text-align: center;
    font-size: 12px;
}
#ramka{
    margin-top: 55px;
}
.infoBox tr td:first-child{
    padding-left: 5px;
}
.sectionbut .back::before{
    content:'<';
    margin-right: 25px;
}
.sectionbut .sendcart::after{
    content:'>';
    margin-left: 25px;
}
.sectionbut {
    margin-top: 55px;
}
.sectionbut .back , .sectionbut .sendcart{
    width:190px;
    height: 44px;
    color:white;
    background: #3f80a8;
    border:none;
    font-size: 16px;
    padding-top: 8px;
    text-align: center;
    cursor:pointer;
    text-decoration: none;
}
.sectionbut .sendcart{
    float: right;
    background: #d51285;
}
.tableinfo tr td{
    padding-top: 1px;
    padding-bottom: 1px;
}
.carousel-inner > .item{
	height: 190px;
}
.carousel-inner > .item > img {
    margin: auto;
}
.carousel-inner > .item > a > img, .carousel-inner > .item > img {
	height: 180px;
}
.qadd{
    margin-left: 5px;
}
.qadd ,.qdel{
    cursor:pointer;
}
.box1 input , .box1 select {
    padding-left: 5px;
}
.box1 input{
    text-align: right;
    padding-right: 10px;
}
.box1 > div{
    min-height: 34px;
    display: inline-block;
    width: 100%;
    padding-left: 15px !important;
    padding-bottom: 5px !important;
    padding-top: 5px !important;
    line-height: 21px;
}
.box1 div b {
    text-align: center;
    display: block;
} 
#uwagi_txt{
        width: 100%;
}
.section3 a{
    width:20%;
    display: inline-block;
}
.section3 a img{
    margin:auto;
    margin-top: 15px;
    display: block;
    max-width: 100%;
    
}
.bread-item{
    cursor:pointer;
}
.info-box{
    margin-top: 50px;
}
.fonebtn{
    text-decoration: none;
    color: black;
}
.fonebtn img{
    margin-right: 5px;
}
#screenshot {
	position: absolute;
	border: 1px solid #ccc;
	background: #ccc;
	padding: 2px;
	display: none;
	color: red;
	font-weight: bold;
	text-align: center;
        z-index:5;
}

.screenshot{
    position: relative;
    
}
.screenshot img{
 position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
right: 0;
margin: auto;
}
.table-stripedmy > tbody > tr:nth-of-type(2n+1) {
	background-color: #efefef !important;
}
.old-price{
	color:#ddd;
	display:block;
	text-decoration:line-through ;
}
.mobile-menu-btn{
	display:none;
}
@media (max-width: 768px) {
    body{
        width:100vw;
    }
    #bread{
        display: none !important;
    }
    #slider{
       float: none !important;
	   width:85% !important;
	   
    }
	#head_baner{
		position:relative;
	}
	.mobile-menu-btn{
		display:inline-block;
		width:15%;
		padding:25px 15px;
		position:absolute;
		right:1px;
		bottom: 1px;
		font-size: 18px;
		background-color:transparent;
		border-radius:0;
		border-style: solid;
		color: #040b8f;
		
		
	}
	.carousel-inner  .item a{
		position:absolute;
		bottom:0;
	}
	#head_baner > #slider > #myCarousel{
		width:100%;
	}
	#head_baner > #slider > #myCarousel > .carousel-control.right{
		display:none;
	}
    #head_menu{
        height:auto;
    }
    #main_categoty > #main_title{
        width:100vw;
    }
    #column_left{
    width: 33.33333vw;
    margin: 0px;
    padding: 0px;
    text-align: center;
    clear:both;
    float: left;
    }
    #content{
        display: inline-block;
        width:66.66666vw;
        float:right;
    }
    #footer{
        display:none;
    }
    #head_menu{
    width:100vw;
	margin-top:0;
    }
    #head_baner{
        width:100vw;
        margin:0px;
        padding: 0px;
    }
    #head_baner #logo{
        width:100vw;
    }
    #head_baner #logo a{
        width:100vw;
    }
    #head_baner #logo a img{
        margin:auto;
        display:block;
    }
    #head_baner img{
        max-width: 100%;
		max-height:100%;
    }
    #serach > .content{
        width:100vw;
    }
    #column_right{
       
        position:absolute;
		margin:auto;
		top:0;
		right:0;
		background:#ffffff;
		margin-top: 225px;
        display:none;
		left:0;
    }
	#column_right > .third_box > .option2 > .head{
		width:50%;
		float:left;
	}
	#column_right > .second_box > .head{
		margin-top:0;
	}
	#column_right .first_box,#column_right .second_box{
		width: 50%;
		float: left;
		height: 140px;
	}
	
    #serach{
        display:none;
    }
    .listing{
        width: 66.666666vw;
        float:right;
    }
    #plist{
        max-width: 66.6666vw;
        float: right;
    }
    #categories > .category-item{
        width:49%;
    }
    #categories > .category-item img{
        max-width: 100%;
    }
    #column_right .product{
        display:none;
    }
    #column_right .four_box{
        display:none;
    }
	
}
