@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,500,300,700&subset=latin,cyrillic);
body{background:#fff;
	font-family: 'Ubuntu', Arial, sans-serif;
	color:#333333
}

strong{font-weight:700}
#container{
	max-width:100%;
	min-width:1210px;
	position:relative
	}
#header{
	width:1210px;
	height:124px;
	margin:auto;
	position:relative
}
#logo{margin:37px 0 0 20px}
#header-phones{
	top:47px;
	position:absolute;
	font-size:16px;
	left:500px;
	width:220px
}
#header-phones>img{margin-top:2px}
#header-phones>ul{
	position:absolute;
	top:0
}
#header-phones>ul>li{	padding:0 5px 5px
}
#cart{
	position:absolute;
	width:170px;
	right:0;
	top:45px
}
#cart>ul{
	position:absolute;
	top:5px;
	left:38px
}

#cart>ul>li{padding:0 0 5px 0}
#cart-item{
	width:23px;
	height:23px;
	background:#ffcc33;
	border-radius:50%;
	position:absolute;
    text-align: center;
    display: table;
    top:0;
	z-index:1;
	left:25px;
	color:#000
}
#cart-item span{
    display: table-cell;
    vertical-align: middle
}

#top-menu{
	width:1175px;
	height:57px;
	margin-left:20px;
	color:#fff;
	font-size:16px;
	font-weight:700;
	position: absolute;
	z-index: 3;
    box-sizing: border-box;
	top: 124px
}

#top-menu>ul{
    width: 1175px;

    height: 57px;
    padding: 0;
    margin: 0;
    text-indent: 0;
    border:0
}
li.top-menu>a
{
	color:#fff;
	text-decoration:none
}
.shop-categ>a,
.remont-categ>a{
	color:#000;
    font-weight: 300;
	text-decoration:none
}

.shop-categ:hover a{color:#fff}
.remont-categ:hover a{	color:#fff}

li.top-menu{
	box-sizing:border-box;
    background: #333399;
	display:inline-block;
	position:relative;
    padding-top: 21px;
    text-align: center;
    width: 226px;
    margin-left: -.34em;
    height: 57px

}
li.top-menu:nth-child(2){width: 265px }
li.top-menu:first-child{
    margin-left: 0;
    border-radius: 0 0 0 7px
}
li.top-menu:last-child{

    border-radius: 0 0 7px 0;
}
.active-top-menu{ /* подсветка текущего раздела*/
    background:#003366 !important;
}
/*.top-menu:hover{background:#330099}
.top-menu:last-child{margin:0 0 0 10px}
*#top-menu-last-child{margin:0 0 0 10px}*/
.after{
    position: relative;

}
.after:after {
      content: url(../i/after.png);
	  margin:0 5px
}

.after:hover:after{
    content: url(../i/after_rot.png);
    position: relative;
    top:-2px
}

.shop-categ-sub-menu{
	box-sizing:border-box;
    text-align: left;
	visibility:hidden;
    z-index:5;
	opacity:0;
    width: 226px;
    font-weight: 300;
	position:absolute;
    padding-top: 15px;

    line-height: 1.3;
	margin-top:15px;
	left:0px;
	border-radius:0 0 7px 7px;
	transition:.4s;
	-moz-transition:.4s	
}


.shop-categ{
    background: #fff;
    text-indent: 0;
    position: relative;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4)

}

li.shop-categ:first-child{
    border-radius: 7px 7px 0 0
}
li.shop-categ:last-child{
    border-radius:0 0 7px 7px
}
.shop:hover .shop-categ-sub-menu{
    visibility:visible;
    opacity:1
}
.kuzovnoy:hover .shop-categ-sub-menu{
    visibility:visible;
    opacity:1
}
.sport:hover .shop-categ-sub-menu{
    visibility:visible;
    opacity:1
}
.shop-categ,
.remont-categ{padding:15px 10px 15px 20px}

.shop-categ:hover{
	background:#333399;
}
.remont-categ:hover{
	background:#333399}
.shop-categ:first-child{padding: 25px 0 25px 20px}
.shop-categ:last-child:hover{border-radius:0 0 5px 5px}
.remont-categ:last-child:hover{border-radius:0 0 5px 5px}

/*выпадающее подменю*/
#child-category{
    display: none;
    position: absolute;
    top:0;
    width: 240px;
    margin-left: 185px;
    padding-left: 30px;
}
#child-category a{
    color: #000;
    text-decoration: none
}
#child-category a:hover{
    color: #fff
}
#child-category li:hover a{
    color: #fff
}
#child-category li{
    background: #fff;
    box-sizing: border-box;
    text-indent: 0;
    margin: 0;
    padding-left: 20px;
    width: 240px;
    height: 70px;
    display: table;
    box-shadow: 0 3px 10px rgba(0,0,0,0.4)
}

#child-category li a{
    display: table-cell;
    vertical-align: middle;

}
#child-category li:first-child{border-radius: 7px 7px 0 0}

#child-category li:last-child{border-radius:0 0 7px 7px}




li.shop-categ:hover #child-category{
    display: table
}

#child-category li:hover{
    background:#333399;


}



#child-category li:last-child:hover{border-radius:0 0 5px 5px}

/*---------------------slider----------------------*/
#top-slider{
	max-width:1920px;
	min-width:1210px;
	margin:auto;
	height:576px;
	position:relative
	
}
#slider-content{
	width:100%;
	height:576px;

}
.slide{background-size:cover}
#service-slide1{
	background-image:url(../i/slide.jpg);
	
}
#service-slide2{
	background-image:url("http://s3.amazonaws.com/codecademy-content/courses/ltp2/img/flipboard/ac.png");
	
}
#service-slide3{
	background-image:url(../i/m1.jpg)
}
.slider-nav{
position:relative;
width:1170px;
background:red;
margin:0 auto;
top:-190px;
font-size:16px;
font-weight:700;
color:#fff

}
a .slide-btn{
    text-decoration: none
}
#slider-nav-wrapper{
	position:relative;
	display:inline-block;
    top: -10px;
	float:right
}

#slider-nav-wrapper p{
	position:relative;
	display:inline-block;
	top:-10px
}
#slider-nav-wrapper a{cursor:pointer}
#slider{
	height:576px;
	width:100%;
	position:relative;
	background-image:url(../i/slide.jpg)
}
#slide-content-wrapper{
    width: 1170px;
    margin: auto;
    position:relative;
    top:170px
}
.slide h1{
    font-weight: 700;
    color: #fff
}
.slide p{
    color: #fff;
    font-weight:300
}
#slide-content-wrapper a{
    text-decoration: none
}

/*---------------------kuzovnoy-remont-slider----------------------*/

/*---------------------End kuzovnoy-remont-slider---------------------------------*/
#kuz-rem,			/* all containers sections */
#shop-main-page,
#about-company,
#autosport{					
	width:1170px;
	margin:68px auto 0;
	position:relative;
	padding:0
}

					/* for all h1,p,a section-title	*/
.section-title h1{
    clear:left;
	margin:0;
	font-weight:700;
	float:left
}
.section-title>p{
	font-weight:700;
	font-size:12px;
	color:#333399;
	margin:20px 0 0;
	float:left;
	text-indent:1.5em;
	width:200px
}
.section-title a:hover{text-decoration:none}
.section-title a{color:#333399}


.slide-btn{ /*button*/
    display: block;
    text-align: center;
    cursor: pointer;
    padding: 10px 0;
    width: 170px;
    background: none;
    border: solid 2px #fff;
    color: #fff;
    font-size: 14px;
    margin-top: 40px
}
.slide-btn:hover{
    background: #fff;
    color: #000
}

/*-----------------------------shop-main-page-------------------*/

#product-lines{
	clear:left;
	width:1170px;
	height:1010px
}
.main-page-card{
	width:270px;
	height:470px;
	border-radius:2px;
	border:1px #E0E0E0 solid;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
	margin:15px 30px 15px 0;
	transition:.3s;
	-moz-transition:.3s;
	float:left
}
.main-page-card>img{
	width:268px;
	height:175px;
	border:0
}
.main-page-card a{color:#333399}

.main-page-card p.class-for-16px{
	text-indent:0;
	padding:0 1.5em;
	height:70px;
	font-weight:700	
}
.main-page-card p.class-for-glow{
    text-indent:0;
    padding:0 1.5em;
    height:70px;
    font-weight:700 
    text-shadow: 0 0 0.2em #F87, 0 0 0.2em #F87;
}

.main-page-card p.class-for-14px{
	font-weight:300;
	padding:0 1.5em;
	margin:0;
	height:85px
}
.main-page-card p.class-for-18px{
	font-weight:700;
	padding:15px 20px;
	margin:0
}
.main-page-card a{text-decoration:none}
.main-page-card a:hover {text-decoration:underline}
.main-page-card:nth-child(4n){margin:15px 0}
.main-page-card:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.4)}
a.add-to-cart{
    text-decoration: none !important;
}
.to-cart{       /*BUTTON*/
	width:230px;
    box-sizing: border-box;
    display: block;
	height:40px;
	background:#ffcc33;
	border:#ffcc33 solid 2px;
	margin-left:20px;
	color:#333399;
    cursor:pointer;
    font-weight:700;
    font-size:16px;
    font-family:'Ubuntu', Arial, sans-serif;
    text-align: center;
    text-decoration: none;
    padding: 10px 0;
    border-radius:5px
}

.to-cart:hover{
	color:#fff;
    border:#333399 solid 2px;
	background:#333399
}
.to-cart a{    z-index: 11;}
.to-cart:hover a{
    color:#fff !important;
}
/*класс для кликнутой кнопки*/
.added-cart{
    color:#E80000  !important;
    position: relative;
    display: none;
    width:230px;
    height: 40px;
    top: -40px;
    background:#333399;
    border: 1px solid #333399;
    opacity: .9
}

/*---------------------------Product-card------------------------------------------*/

/*----------------------------WORKSHOP----------------------------------------------*/
#workshop-wrapper{
    width:1170px;
    margin: 0 auto 100px;
    line-height:1.5em;

}
#about-services{
    width: 970px
}
#workshop-wrapper p{
    margin-top: 1.5em;
    font-weight:300
}
#about-services p:nth-child(2){
    padding-bottom: 10px
}
#services-items{
    margin-left: 15px;
    font-weight:300

}
#services-items li{
    list-style: disc;
    color: #333399
}
.services-li{
    margin-left: -15px;
    color: #000
}

#item-price{
    clear: both;
    width: 140px;
    height: 30px;
    padding: 10px 15px 0 0;
    text-align: right
}
#product-btn{

    margin: 70px 0 30px;
    position: relative

}
#product-btn .to-cart{margin: -40px 0 0 180px}
#added{top: 0px !important}

#relative-goods{
    width: 1170px;
    overflow: auto;
    margin-bottom: 80px
}
#relative-goods h2{font-weight: 700}
.no-relative{
    text-align: center;
    padding: 30px 0 100px
}
#price-list{
    font-weight: 400 !important;
    overflow: auto;
}
#services-items{
    margin-left: 20px
}
.service-name{
    display: inline-block;
    clear: right;
    font-weight:300;
    font-size: 1em !important;
    float: left;
    padding: 20px 0 0 10px
}
.service-price{
    display: inline-block;
    font-weight:700;
    float: right;
    padding: 20px 0 0
}
/*----------------------------END WORKSHOP----------------------------------------------*/
#card-content{
    width: 1170px;
    position: relative;
    margin: auto;
}
#product-card{
    box-sizing: border-box;
    width: 1170px;
    min-height: 560px;
    overflow: auto;
    margin-bottom: 70px;

}
#product-img{
    width: 665px;
    height: 560px;
    border: 1px solid #ccc;
    float: left
}
#product-img IMG{
    width: 665px;
    height: 560px;
    border: none

}
#product-descr{
    box-sizing: border-box;
    position: relative;
    padding-left: 30px;
    width: 500px;
    float: right
}
#product-descr h1{
    margin-top: -10px;
    font-weight: 700

}
p.keywords{
    font-weight: 700;

}
p.keywords SPAN{
    display: inline-block;
    padding: 10px 0}

/*-------------------------Company--------------------------*/
#about-company{height:490px}
#about-company img{
	clear:left;
	float:left;
	margin-top:15px
}
#about-company>p{
	margin:10px 0 0 30px;
	text-indent:0;
	font-size:16px;
	line-height:1.5em;
	width:570px;
	font-weight:400;
	color:#333333
}
/*-------------------------News----------------------------*/
#autosport{height:660px}
#main-page-news-wrapper{clear:left}
.news-main-page{
	float:left;
	width:370px;
	height:520px;
	border-radius:2px;
	border:1px #E0E0E0 solid;
	-moz-box-sizing: border-box; 
    box-sizing: border-box;
	margin:15px 30px 0 0;
	transition:.3s;
	-moz-transition:.3s
}
.news-main-page:last-child{margin:15px 0 0;}
.news-main-page:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.4)}
.news-main-page>img{
	width:368px;
	height:245px;
	border:0
}
.news-main-page>h4{
	font-weight:700;
	padding: 0 1.5em;
	height:45px;
	overflow:hidden
}

.news-main-page p{
	padding:0 1.5em;
	margin:0;
	line-height:1.5em;
	height:135px;
	overflow:hidden
}
.news-main-page p.class-for-14px{
	color:#666666;
	padding:5px 1.5em 0;
	height:30px
}
.news-main-page p:last-child{
	font-weight:700;
	float:right;
	margin-top:5px
}



/*----------------------------Footer--------------------*/
#footer{
	width:100%;
    min-width:1210px;
	height:420px;
    clear: both;
	background:rgb(51,51,153)
}
#footer-sections{
	width:1170px;
	margin:auto;
	position:relative
}
#footer-sections a{
	color:#E8E8E8;
	text-decoration:none
}
.footer-nav{
	float:left;
	display:inline-block;
	position:relative;
	margin-top:70px;
	width:300px
}

.footer-nav-strong{
	font-weight:700;
	color:#fff
}
#footer-sections li{
	line-height:1.9em;
	text-indent:0;
	padding:0;
	margin:0
}
.autosport-footer{
	margin-top:-10px;
	padding:0	
}
.phones-footer{
	clear:left;
	color:#fff;
	font-weight:400;
	position:absolute;
	float:right;
	top:0;
	right:-30px
}

#footer-phone-icon:before{
	 content: url(../i/phone_ft.png);
	 position:absolute;
	 margin:5px 0 0 -30px
	}
li#footer-skype-icon{margin:10px 0}
#footer-skype-icon:before{
	 content: url(../i/skype.png) ;
	 position:absolute;
	 margin:5px 0 0 -30px
}
#footer-viber-icon:before{
     content: url(../i/viber.png) ;
     position:absolute;
     margin:5px 0 0 -30px
}
#footer-letter-icon:before{
	content: url(../i/letter.png);
	 position:absolute;
	 margin:5px 0 0 -30px
}
hr{
	width:1170px;
	clear: both;
	border: none; 
    color: #fff ; 
    background-color: #fff; 
    height: 1px;
	opacity:0.3
 }
 #copyright{
	color:#E8E8E8;
	margin-top:30px
 }
/*--------------------------------------------AUTOSPORT--------------------------------------------------------*/

#news-banner{
    max-width:1920px;
    min-width:1210px;
    margin:auto;
    height:250px;
    position:relative
}
#news-banner IMG{
    width: 100%;
    height: 250px
}
#news-wrapper{
    width:1170px;
    margin: auto;
}

#news-wrapper h1{
    font-weight: 700;
    margin-left: 0;
    width: 970px
}
#news-wrapper h4{
    font-weight: 700;
    margin-bottom: 20px;
    max-height: 45px;
    overflow: hidden;

}
.crumbs{
    display: block;
    text-indent:0;
    padding: 30px 0
}
.crumbs a{
    padding-right:10px;
    outline: none;
    color: #333399
}
.crumbs li{
    padding-right:10px;
    display: inline;
}
.news-prev-block{       /*news-card*/
    position: relative;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin: 30px 0;
    width: 970px;
    height: 300px;
    transition:.3s;
    -moz-transition:.3s;
    border-radius:2px;
    border:1px #fff solid
}
.news-prev-block:hover{box-shadow: 1px 2px 10px rgba(0,0,0,0.4)}


.news-prev-bloc__figure{
    width: 400px;
    height: 300px;
    margin-right: 30px;
    float: left;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.news-date{
    font-weight: 300;
    color:#666666
}
.news-annotation{
    padding-right: 20px;
    line-height: 1.5em;
    margin-top: 10px;
    overflow: hidden;
    max-height: 120px;
}
.read-more a{
    position: absolute;
    font-weight: 700;
    font-size: 12px;
    color: #333399;
    right: 20px;
    bottom: 20px
}
#spinner-addnews{
    display: none;
    margin: auto;
    width: 100px;
    position: absolute;
    left: calc(50% - 50px);
    padding: 0;
}




#news-controls,
#shop-controls{
    clear: both;
    position: relative;
    width: 1170px;
    height: 140px;
    margin: auto 

}
.load-else,
.load-else-news{     /*Button*/
    margin: 30px 0 0 470px;
    display: block;
    float: left;
    width:230px;
    height:42px;
    background:#fff;
    border:#333399 solid 2px;
    border-radius:5px;
    transition:.2s;
    -moz-transition:.2s;
    font-size: 14px;
    z-index: 15;
    color:#333399
}



.load-else:hover,
.load-else-news:hover {
    color: #FFF;
    cursor: pointer;
    background: #333399
}
.inactive-load-else,
.inactive-news-btn{
    opacity: .5;
    cursor: default !important;
}
.inactive-load-else:hover,
.inactive-news-btn:hover {
    color: #333399 !important;
    background: #ffffff !important
}
#up{
    position: relative;
    display:block;
    cursor: pointer;
    top:20px;
    float: right
}

/*--------------------------------------------------NEWS SECTION-----------------------------------------------------*/

.news-section{  /*  Date for full news    */
    float: left;
    margin-top: 18px;
    margin-right: 20px
}
#full-news-img{
    padding-top:20px;
    width: 970px;
    height: 500px
}
.news-text{
    width: 970px;
    line-height: 1.5em
}
.news-text p{padding: 10px 0}


/*---------------------------------------------------SHOP SECTION---------------------------------------------------*/

#shop-content{
    width: 1170px;
    position: relative;
    margin: auto;

}
#left-sidebar{
    box-sizing: border-box;
    width: 270px;
    float: left

}
#goods-header>p{
    height: 60px;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    font-size: 16px;
    font-weight: 700;
    padding: 20px;
    color: #FFF;
    background: #333399
}

#left-sidebar ul{
    text-indent: 0
}
.parent-category-title{
    box-sizing: border-box;
    cursor: default;
    display: table;
    height: 60px;
    width: 270px;
    padding:0 20px;
    line-height: 1.3;
    font-weight: 500;
    margin: 0;
    font-size: 16px
}
.parent-category-title:hover{
    /*background: #003366;*/
    background: #333399;
    color: #fff
}
.active-category{
    background: #333399;
    color: #fff
}
.parent-category-title li{
    display: table-cell;
    vertical-align: middle
}
.side-bar-menu ul{
    box-sizing: border-box;
    margin-left: 20px
}
.category-name{
    display: table;
    height: 60px
}
.category-name a{
    text-decoration: none;
    font-size:16px;
    font-weight: 300;
    line-height: 1.3;
    padding: 0 20px;
    display: table-cell;
    vertical-align: middle;
    color: #000
}
.category-name a:hover{
    color: #333399;
}

#right-sidebar{
    width: 900px;
    box-sizing: border-box;
    position:relative;
    padding-left: 30px;
    float: right
}
#right-sidebar h2{
    margin: 0;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1
}
#right-sidebar form{
    position: relative;
    color:#666666;
    font-weight: 300;
    border: none;
    padding: 30px 0 20px

}
#sorting{
    display: none;
    width: 250px;
    margin: 30px 0;
    position: relative;
    color: #333333;
    font-weight: 300
}
#sorting SPAN{
    width: 120px;
    display: block;
    float: left;
}
.sort-wrapper{
    left:115px;
    top:18px;
    border:1px solid #ccc;
    position: absolute;
    visibility: hidden;
    background: #fff;
    width: 110px

}
.sort-wrapper span{padding: 2px 5px}
.sort-wrapper a{
    text-decoration: none;
    color: #333333;
    font-weight: 300
}
.sort-top{
    cursor: pointer
}
.sort-top:after{
    content: url(../i/sort-top.gif);
    padding-left: 15px
}

.shop-page-card{
    width:270px;
    height:470px;
    border-radius:2px;
    border:1px #E0E0E0 solid;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin:15px 30px 15px 0;
    transition:.3s;
    -moz-transition:.3s;
    float:left
}
.shop-page-card>img{
    width:268px;
    height:175px;
    border:0
}

.shop-page-card p.class-for-16px{
    text-indent:0;
    padding:0 1.5em;
    height:70px;
    font-weight:700
}
.shop-page-card p.class-for-14px{
    font-weight:300;
    padding:0 1.5em;
    margin:0;
    height:85px
}
.shop-page-card p.class-for-18px{
    font-weight:700;
    padding:15px 20px;
    margin:0
}
.shop-page-card a{
    text-decoration:none;
    color: #333399
}
.shop-page-card a:hover {text-decoration:underline}
.shop-page-card:nth-child(3n){margin:15px 0 !important;}
.shop-page-card:hover{box-shadow: 0 3px 10px rgba(0,0,0,0.4)}

/*=================================Contacts===========================================================================*/
#contacts-wrapper{
    width:1170px;
    margin: 0 auto 100px;
    line-height:1.5em;

}
#contacts-wrapper p{
    margin-top: 0
}
#contacts{
    width: 1170px;
    height: 50px;
    margin:30px auto 0;


}
.info-icon {
    position: relative;
}
.info-contacts{
    position: relative;
    width: 250px;
    height: 50px;
    box-sizing: border-box;
    padding-right: 20px;
    float: left;
    margin: 0 15px;
    text-align: center;
}
.info-contacts:first-child {
    width: 300px;
}
#pic:before {
    content: url("../i/pic.jpg");
    position: absolute;
    left: -30px

}
#phones-contact:before{
    content: url("../i/phone.jpg");
    position: absolute;
    left: -30px
}
#skype-contact:before{
    content: url("../i/skype-gr.png");
    position: absolute;
    left: -30px
}
#email:before{
    content: url("../i/letter-gr.jpg");
    position: absolute;
    top:5px;
    left: -30px
}
#email a{
    color: blue
}
#map{
    width:1170px;
    height: 400px;
    margin-top: 30px;
    background: #fff
}
/*=================================END Contacts===========================================================================*/

/*------------------------------------CART----------------------------------------------------------------*/
#cart-sidebar{
    width:1170px;
    box-sizing: border-box;
    position:relative;
    margin:30px auto
}

#shop-content h2{
    margin: -10px 0 0 0;
    text-transform: uppercase;
    font-weight: 700;
    line-height: 1;

}
/*Карточка*/
.cart-table{
    margin:30px 0;
    height: 192px;
    border-radius:2px;
    border:1px #E0E0E0 solid;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    transition:.3s;
    -moz-transition:.3s;
}
.cart-table:hover{
    box-shadow: 0 3px 10px rgba(0,0,0,0.4);
    border: none
}
TR.cart-row{
    box-sizing: border-box;
    height: 190px;
}
TR.cart-row TD{
    vertical-align: middle;
}
.cart-img{
    width: 270px;
    box-sizing: border-box;
}
.cart-img IMG{
    width: 270px;
    height: 190px;
    border: 0
}
.cart-description{
    padding: 0;
    margin: 0
}
.cart-description{
    width: 300px;
    vertical-align: middle;
}

.incart-goods-name,
.incart-goods-anons{
    padding: 20px;

}
.incart-goods-name a{
    font-weight: 700;
    font-size: 1.1429em;
    color: #333399
}
.incart-goods-anons{
    font-weight: 300
}
.cart-price{
    width: 170px;
    padding: 10px;
    font-weight: 700;
    font-size: 1.1429em;
    text-align: right
}
.cart-x{
    width: 30px;
    font-weight: 400;
    box-sizing: border-box;
    font-size: 1.1429em;
    text-align: center
}
.cart-minus,
.cart-plus{
    width: 40px;
    font-weight: 700;
    box-sizing: border-box;
    font-size: 1.1429em;
    text-align: center
}
TD>span.minus,
TD>span.plus,
.delete-btn SPAN{
    width: 20px;
    height: 20px;
    background: url(../i/minus.png);
    display: block;
    margin: auto;
    cursor: pointer;
    background-size: 20px
}
TD>span.plus{
    background: url(../i/plus.png);
    background-size: 20px
}
.comment-wrapper {
    text-align: center;
    display: none;
}


.user-comment{
    width: 100%;
    max-width: 1170px;
    padding: 20px;
}
.add-comments {
    display: inline-block;
    color: #333399;
}
input.quantity{
    width: 30px;
    border: 1px solid #E0E0E0;
    text-align: center
}
TD.cart-total-item-sum{
    width: 200px;
    font-weight: 700;
    font-size: 1.1429em;
    text-align: center
}
TR.cart-row TD.delete-btn{
    width: 100px;
    text-align: center

}
.delete-btn a>SPAN{
    width: 20px;
    height: 20px;
    background: url(../i/delete.png);
    background-size: 20px;
}
.delete-btn a{
    width: 20px
}

#total-sum-order{
    padding:20px;
    width: 1020px;
    margin:auto
}
#total-sum-order p:first-child{
    float: left;
    font-weight: 300
}
#total-sum-order p:last-child{
    float: right;
    font-size: 1.1429em;
}
#total-sum-order p span{
    padding: 0 20px;
    font-weight: 700
}

#user-data{
    width:1170px;
    height: 100px;
    box-sizing: border-box;
    position:relative;
    margin:30px auto 100px;
    background: #D3D3D3; /*#E8E8E8;*/
    border-radius: 5px
}
.user-data{
    font-weight: 300;
    box-sizing: border-box;
    border-radius: 5px;
    border: none;
    width: 265px;
    float: left;
    margin-left: 30px;
    margin-top: 30px;
    padding-left: 20px;
    height: 40px
}
#user-data>p{
     width: 300px;
     position: relative;

    height: 100px;
     float: left
 }
#user-data>p:last-child{
    width: 225px;

}
#send-order{
    width: 225px;
    background:#ffcc33;
    font-weight: 700;
    color: #333399;
    cursor: pointer
}
.error-input{
    border:1px red solid
}

.error-message{
    position: absolute;
    bottom: 12px;
    left: 50px;
    font-size: 0.8571em;
    color: red
}
#success-response{
    text-align: center;
    font-size: 1.7143em;
    padding-top: 35px
}
#empty-cart{
    text-align: center
}
/*=====================================SPINNER============================================================*/

#loading-window{
    width: 100%;
    height: 100%;
    position: absolute;
    display: none



}

#spinner{
    position: fixed;
    display: none;
    overflow-x: hidden;
    overflow-y: auto;
    z-index: 100;
    right:0;
    left:0;
    top:0;
    bottom: 0
}
#spinner-table{
    display: table;
    position: relative;
    height: 100%;
    width: 100%;

    text-align: center
}
#spinner-table-cell{
    vertical-align: middle;
    display: table-cell;
    padding-left: 100px
}

/*------------TECH WORKS----------------------------------------*/

#technical{
    height: 200px;
    padding-top: 30px
}
#technical h1,
#technical h2
{
    text-align: center
}
#modal{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 50;
    top:0;
    bottom: 0;
    left: 0;
    right: 0;

}