html, body {
	height: 100%;
}
body {
	margin: 0;
	font-family: 'Cuprum', sans-serif;

}
.wrapper {
	min-height: 100%;
}
img {
	margin-bottom: -4px;
}
a {
	color: #62A0FF;
	text-decoration: none;
	border-bottom: solid 1px #C1EAFF;
}
a:hover, #Go_Top:hover, a.size:hover {
	color: #00CB88;
	border-color: #4EE18D;
}
.aGr a, .useMenu a.topA {
	color: #282828;
	text-decoration: none;
	border-bottom: solid 1px rgba(0,0,0,0.1);
}
.aW a, .useMenu a, .allItemLink b {
	color: #fff;
	text-decoration: none;
	border-bottom: solid 1px rgba(255,255,255,0.3);
}
.aW a:hover, .useMenu a:hover, .allItemLink:hover b {
	color: #95FFF0;
	border-color: rgba(110,255,234,0.5);
}
.aGr a:hover {
	color: #00CB88;
	border-color: #4EE18D;
}
h1 {
	font-size: 50px;
}
a img {
	border: 0;
	border-collapse: collapse;
	outline: none;
}
a:focus, select:focus, input:focus {
	outline: none;
}
table {
	border-collapse: collapse;
}
.noList, #fixMenu .useMenu {
	margin: 0;
	padding: 0;
	list-style: none;
}
.clearfloat {
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.anlim {
	max-width: 1920px;
	min-width: 780px;
	margin: 0 auto;
	padding: 0 100px;
	position: relative;
}
.lim {
	max-width: 1280px;
	min-width: 930px;
	margin: 0 auto;
	padding: 0 25px;
	position: relative;
}
.lim2 {
	max-width: 1520px;
	min-width: 930px;
	margin: 0 auto;
	padding: 0 25px;
	position: relative;
}
.mainMenu {
	top: 110px;
	/*background: #2BC4FF;*/
	background:url(../images/pattern/shattered_b3.jpg);
	padding: 10px 0;
	margin-bottom: 40px;
	/*text-align:center;*/
	position: fixed;
	width: 100%;
	z-index: 1500;
	-webkit-transition: top 120ms linear;
	-moz-transition: top 120ms linear;
	-o-transition: top 120ms linear;
	-ms-transition: top 120ms linear;
	transition: top 120ms linear;
	-webkit-transform: translateZ(0);
}



.mainMenuList a i {
	display: block;
	position: absolute;
	height: 27px;
	width: 27px;
	background: url(../images/mzbn_icons.png) no-repeat 0 0;
	left: -29px;
}
.ishop {
	background-position: 0 -178px !important;
}
.ideliv {
	background-position: 0 -226px !important;
	top: 5px;
	left: -33px !important;
}
.icontacts {
	background-position: 0 -265px !important;
}
.menuHide {
	top: 70px;
	-webkit-transition: top 125ms linear;
	-moz-transition: top 125ms linear;
	-o-transition: top 125ms linear;
	-ms-transition: top 125ms linear;
	transition: top 125ms linear;
}
.mainMenuList a, .mainMenuList span {
	margin-right: 20px;
	font-size: 20px;
	font-weight: 300;
	display: inline-block;
	position: relative;
}
.mainMenuList span {
	color: #95FFF0;
	font-weight: 700;
}
.show {
	visibility: visible !important;
}
.hide {
	visibility: hidden !important;
}
.aGr .pseudo {
	border-bottom: dashed 1px #aaa !important;
	text-decoration: none;
}
.aW .pseudo {
	border-bottom: dashed 1px #ddd !important;
}
.pseudo, a[opendiv] {
	border-bottom: dashed 1px #95DBFF !important;
	text-decoration: none;
}
.pseudo:hover, a[opendiv]:hover {
	border-color: #4EE18D !important;
}
.container {
	min-height: 100%;
}
.freeFooter {
	height: 488px;
	clear: both;
}

.noStock .freeFooter {
	height: 0;
}

.contentWrapper {
	border-top: solid 1px #eee;
	overflow: hidden;
}
/*Login Popup*/

.logInWrapper, .noticeWrapper, .welcomeWrapper {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.80);
	z-index: 2050;
	display: none;
	overflow-x: hidden;
	overflow-y: auto;
	text-align: center;
	vertical-align: middle;
	top: 0;
}
.error {
	display: none !important;
	color: #f00 !important;
}
.err .error {
	display: inline-block !important;
}
.logInContent {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	padding: 0 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.logInContent:before {
	content: '';
	display: inline-block;
	height: 100%;
	vertical-align: middle;
}
.welcomeWrapper2 {
	background: rgba(255,0,0,1);
	padding: 1px 0 10px;
	display: none;
}
.welcomeWrapper2 p {
	font-size: 110%;
	line-height: 1.5;
}
.welcomeInner2 {
	color: #fff;
}
.logInInner, .noticeInner, .welcomeInner {
	margin: 60px 20px 20px;
	position: relative;
	display: inline-block;
	width: 550px;
	background: #fff url(../images/bgflower.png) no-repeat 100% 100%;
	border: solid 1px #ddd;
	text-align: left;
	vertical-align: middle;
	border-radius: 0 15px 15px 15px;
}
.welcomeInner {
	width: 540px;
	padding: 0 30px;
	height: 320px;
	margin-left: -300px;
	margin-top: -175px;
	font-size: 110%;
	line-height: 1.7;
}
.logInMenu {
	position: absolute;
	top: -44px;
}
.logInMenu div {
	display: inline-block;
	padding: 13px 15px;
	background: #f9f9f9;
	border: solid 1px #ddd;
	border-bottom: none;
	height: 16px;
	line-height: 18px;
	margin-right: -0.25em;
	margin-left: -1px;
	color: #888;
	cursor: pointer;
	box-shadow: 0 -10px 10px -10px rgba(0,0,0,0.04) inset;
	font-size: 18px;
	border-radius: 15px 15px 0 0;
}
.logInMenu div.active {
	padding-bottom: 14px;
	color: #000;
	cursor: default;
	background: #fff;
	box-shadow: none;
}
.logInP, .regIn, .remIn, .noticeIn {
	margin: 60px 40px 40px;
}
/*.regIn {
	margin-top:-10px;}
	
.remIn {
	margin-top:-9px;}*/

.noticeIn {
	margin-top: 30px;
}
.logInP b, .regIn b, .remIn b, .noticeIn>div>b {
	font-weight: 300;
	width: 120px;
	margin-right: 5px;
	display: inline-block;
	vertical-align: middle;
	font-size: 17px;
	position: relative;
	top: -2px;
}
.logInP div {
	margin: 20px 0 0;
}
.logInP a {
	margin-left: 129px;
	font-size: 14px;
}

.ale a {
	font-size:14px !important;}

.logInInner input[type=text], .logInInner input[type=password], .noticeIn input[type=text] {
	width: 300px;
	padding: 10px;
	border-radius: 4px;
	border: solid 1px #C0C9DC;
}
.logInInner input[type=text]:focus, .logInInner input[type=password]:focus, .noticeIn input[type=text]:focus {
	border-color: #8ED3A7;
}
.logInP, .regIn, .remIn, .alert, .okey, .false {
	display: none;
}
.log .logInP, .reg .regIn, .rem .remIn, .ale .alert, .fls .false {
	display: block;
}
.logInP {
	margin-top: 70px;
}
.regMail {
	margin-left: 125px;
	line-height: 20px;
	font-size: 14px;
	margin-top: 10px;
}
.regMail input {
	vertical-align: top;
	margin-left: 0;
}
.regMail label {
	display: inline-block;
	margin-left: 5px;
}
.ok div, .ale div, #clear {
	display: none !important;
}
.ok div.okey, .ale div.alert {
	display: block !important;
	font-size:18px;
	width:300px;
	margin:20px 30px 20px 129px !important;
}
.ok b.okey, .ale b.alert {
	display: inline-block;
	margin-left: 20px !important;
	font-size: 16px;
	font-weight: 300;
}

.ale #clear {
	display:inline !important;}



b.alert {
	display: none;
}
.ale b.alert {
	color: #f00;
}
.regIn i, .remIn i, .noticeIn i {
	display: block;
	padding: 5px 10px;
	font-size: 13px;
	margin-left: 129px;
	color: #999;
	border-radius: 6px;
	border: solid 1px #eee;
	background: #fff;
	width: 212px;
	margin-top: 11px;
	position: relative;
	line-height: 18px;
}
/*.regIn i:after, .remIn i:after, .noticeIn i:after, .headInputMenu:after, .zakazTable	.cartTable:after {
	content:'';
	position:absolute;
	display:block;
	width:19px;
	height:10px;
	background: url(../images/mzbn_icons.png) no-repeat 0 -316px;
	left:30px;
	top:-10px;
	}*/
	
.regIn input[type=button], .noticeIn input[type=button], .logInP input[type=button] {
	padding: 8px 25px;
	font-size: 16px;
}
.regIn div {
	margin-top: 20px;
}
div.alert, div.okey, div.false {
	/*position:absolute;
	left:95px;
	top:15px;*/
	color: #f00;
	width: 200px;
	font-size: 13px;
	margin: 0 0 20px 80px !important;
}
.okey {
	color: #009B68 !important;
	width: 250px;
	line-height: 24px;
}
.okey a {
	padding-top: 5px;
}
.logInMenu div span {
	border-bottom: dashed 1px #ddd;
}
.close {
	position: absolute;
	font-size: 54px;
	display: inline-block;
	background: #f00;
	top: 5px;
	right: 6px;
	color: #fff;
	cursor: pointer;
	border-radius: 100px;
	width: 31px;
	height: 31px;
	text-align: center;
}
.close b {
    font-weight: 300;
    display: block;
    height: 31px;
    width: 31px;
	line-height: 33px;

	
}
.close:hover b {
	transition: transform 0.3s ease-in-out;
	-webkit-transition: transform 0.3s ease-in-out; /** Chrome & Safari **/
	-moz-transition: transform 0.3s ease-in-out; /** Firefox **/
	-o-transition: transform 0.3s ease-in-out;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
}
.red {
	color: #ef0303;
}
.orgFizSelectWrapper {
	margin-left: 126px;
}
.orgFizSelectWrapper label {
	margin-right: 10px;
}
.logInMenu div span:hover {
	color: #CB0045 !important;
	border-color: #E14E77;
}
.ready {
	margin-bottom: 20px;
}
.backCallInner {
	position: relative;
	display: inline-block;
}
.backCallInner .sliderFormInner {
	margin-top: 0;
}
/*.close {
	font-size:40px;
	position:absolute;
	top:-23px;
	right:2px;
	cursor:pointer;
	opacity:0.8;
	}
	
.close:hover {
	opacity:1;
	}*/
	
	
.answer {
	display: none;
	font-size: 24px;
	color: #00D099;
	padding-top: 40px;
	text-align: center;
}
.answer p {
	font-size: 16px;
	margin-top: 10px;
	color: #000000;
}
.answerOn>div, .answerOn h3 {
	display: none;
}
.answerOn div.answer, .answerOn div.close {
	display: block;
}
/*.form-group {
	margin:10px 0;}
	
.form-group label {
	display:block;
	margin-bottom:3px;
	font-size:18px;
	}
	
.form-group .redButton {
	font-size:30px;
	width:100%;
	}
	
.form-group input[type=text] {
	width:326px;
	padding:15px 10px;
	border: solid 1px rgba(200, 200, 200, 0.39);
	border-radius:5px;
	}*/
	
.orgForm {
	display: none;
}
.errorON .error {
	display: inline-block !important;
}
.form-group .error {
	font-size: 14px;
	margin-left: 129px;
	margin-top: 5px;
}
.grayButton {
	color: #282828;
	border: none;
	border-bottom: 5px solid #b2b1b1;
	text-shadow: 0px 1px 0px #fafafa;
	text-align: center;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#e2e2e2));
	background: -moz-linear-gradient(top, #eee, #e2e2e2);
	background: -o-linear-gradient(top, #eee, #e2e2e2);
	background: linear-gradient(top, #eee, #e2e2e2);
	box-shadow: inset 1px 1px 0 #f5f5f5;
	padding: 8px 25px;
	display: inline-block;
	font-size: 16px;
	border-radius: 40px;
	opacity: 1;
	position: relative;
	outline: none;
	cursor: pointer;
}
.grayButton[disabled] {
	opacity: 0.2;
}
.grayButton:hover {
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom, from(#e2e2e2), to(#eee));
	background: -moz-linear-gradient(top, #e2e2e2, #eee);
	background: -o-linear-gradient(top, #e2e2e2, #eee);
	background: linear-gradient(top, #e2e2e2, #eee);
}
.grayButton:after, .grayButton:before {
	border: 1px solid #cbcbcb;
	border-bottom: 1px solid #a5a5a5;
}
.grayButton:active {
	border-bottom: solid 3px #b2b1b1;
	bottom: -2px;
	margin-bottom: 2px;
}
.grayButton:active:before, .grayButton:active:after {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
.greenButton {
	color: #fff !important;
	border: none;
	border-bottom: 5px solid #008812 !important;
	text-align: center;
	background: #00C521;
	background: -webkit-linear-gradient(top, #00C521, #00A316);
	background: -moz-linear-gradient(top, #00C521, #00A316);
	background: -o-linear-gradient(top, #00C521, #00A316);
	background: linear-gradient(top, #00C521, #00A316);
	padding: 5px 25px;
	margin: 0;
	display: inline-block;
	font-size: 14px;
	border-radius: 30px;
	opacity: 1;
	position: relative;
	cursor: pointer;
	outline: none;
}
.greenButton[disabled] {
	opacity: 0.4;
	cursor: default;
	background: #ccc !important;
	border-bottom: 3px solid #bbb !important;
}
.greenButton:hover {
	color: #fff !important;
	background: #02EC00;
	background: -webkit-linear-gradient(top, #00A316, #00C521);
	background: -moz-linear-gradient(top, #00A316, #00C521);
	background: -o-linear-gradient(top, #00A316, #00C521);
	background: linear-gradient(top, #00A316, #00C521);
}
.greenButton:after, .greenButton:before {
	border: 1px solid #2DAA31;
	border-bottom: 1px solid #1C8C34;
}
.greenButton:active {
	border-bottom: 4px solid #1C8632 !important;
	bottom: -1px;
	margin-bottom: 1px;
	box-shadow: 1px 1px 0 rgba(255,255,255,0.2), inset 0 1px 1px rgba(0, 0, 0, 0.2);
}
.greenButton:active:before, .greenButton:active:after {
	border: none;
}
/*header*/

.header {
	padding: 10px 0 20px;
	position: fixed;
	width: 100%;
	top: 0;
	background: url(../images/pattern/shattered_b.jpg);
	z-index: 2000;
	-webkit-transform: translateZ(0);
}

.fix.header, .promo .header {
	padding:0 0 13px;
	-webkit-transition: padding 180ms linear;
    -moz-transition:padding 180ms linear;
    -o-transition: padding 180ms linear;
    -ms-transition: padding 180ms linear;
    transition: padding 180ms linear;
	
	}

.promo .header {
	/*box-shadow: 0 0 15px rgba(0,0,0,0.2);*/
}


.header .logoWrapper img {
	
	height:77px;
	-webkit-transition: height 180ms linear;
    -moz-transition:height 180ms linear;
    -o-transition: height 180ms linear;
    -ms-transition: height 180ms linear;
    transition: height 180ms linear;
	}

	
.fix.header .logoWrapper img, .promo .header .logoWrapper img {
	height:40px;
	-webkit-transition: height 200ms linear;
    -moz-transition:height 200ms linear;
    -o-transition: height 200ms linear;
    -ms-transition: height 200ms linear;
    transition: height 200ms linear;
	}
	
.fix.header .logoPrint, .promo .header .logoPrint {
	font-size:18px;
	padding:7px 0 7px 12px;
	}
.fix.mainMenu, .promo .mainMenu {
	padding:10px 0;
	top:65px;
	}

.menuHWrapper div {
	display: inline-block;
}
.mainMenuH {
	background: #00b9ff;
	padding: 7px 20px 7px 30px;
	border-radius: 30px;
}
.mainMenuH a {
	font-size: 18px;
	margin-right: 10px;
}
.hamburger {
	width: 34px;
	height: 34px;
	position: relative;
	display: inline-block;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	cursor: pointer;
	margin-right: 6px;
	background: #2BC4FF;
	-webkit-transition: height 125ms linear;
	-moz-transition: height 125ms linear;
	-o-transition: height 125ms linear;
	-ms-transition: height 125ms linear;
	transition: height 125ms linear;
	border-radius: 50px;
	vertical-align: top;
	top: -5px;
}
.hamburger span, .close-x span {
	display: block;
	position: absolute;
	height: 2px;
	width: 51.2%;
	background-color: #fff;
	opacity: 1;
	left: 8px;
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-o-transform: rotate(0);
	transform: rotate(0);
	-webkit-transition: transform 125ms linear;
	-moz-transition: transform 125ms linear;
	-o-transition: transform 125ms linear;
	-ms-transition: transform 125ms linear;
	transition: transform 125ms linear;
	top: 9px
}
.hamburger span:nth-child(2) {
	top: 16px;
}
.hamburger span:nth-child(3), .close-x span:nth-child(2) {
	top: 23px;
}
.hamburger.open {
/*background:#2BC4FF !important;
	height: 70px;
    -webkit-transition: height 125ms linear;
    -moz-transition:height 125ms linear;
    -o-transition: height 125ms linear;
    -ms-transition: height 125ms linear;
    transition: height 125ms linear;*/
}
.hamburger.open span:nth-child(1), .close-x span:nth-child(1) {
	top: 16px;
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.hamburger.open span:nth-child(2) {
	opacity: 0;
}
.hamburger.open span:nth-child(3), .close-x span:nth-child(2) {
	top: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
/*overhead*/


	
.searchWrapper {
	width: 25%;
	position: relative;
	display: inline-block;
	margin-left: 15px;
	margin-top: 25px;
}
.searchWrapper input[type=search] {
	border: 1px solid #434242 !important;
	height: 24px;
	padding: 2px 5px 2px 24px;
	width: 90%;
	position: relative;
	color: #000;
	top: 2px;
	border-radius: 3px;
}
.searchWrapper input[type=text]:focus {
	border: 1px solid #aaa !important;
}

@media(max-width:1200px) {
.searchWrapper {
	width: 25%;
}
}
.searchWrapper input[type=button], .searchB {
	background: url(../images/imt_icons.png) no-repeat 0 -34px !important;
	height: 24px !important;
	width: 24px !important;
	left: 11px !important;
	position: absolute !important;
	top: 12px !important;
	opacity: .5;
	padding: 0 !important;
	margin: 0 !important;
}
.searchWrapper input[type=button]:hover, .searchB:hover {
	opacity: 1;
}
.content {
	padding-top: 170px;
	position: relative;
	z-index: 100;
}

.promo .content {
	padding-top: 90px;
	
} 

.backImg {
    display: block;
    position: absolute;
    background-position: 50% 0%;
    background-repeat: no-repeat;
    border-width: 1px;
    background-image: url(../images/water_dip4.jpg);
    height: 1080px;
    width: 100%;
    z-index: 1;
    background-attachment: fixed;
    background-color: #87afef;
    left: 0;
    top: 0;
}

/*footer*/

.footer {
	margin-top: -340px;
	padding: 110px 0 70px;
	background: url(../images/footerBg.png) center 0; /*url(../images/footertBg4.jpg); #1E3747;*/
	/*box-shadow:0 100px 70px -70px rgba(0,18,42,0.30) inset;*/
	position: relative;
	z-index: 1400;
	line-height: 20px;
}

.promo .footer {
padding: 80px 0 0;
}

.footerPattern {
	background: url(../images/footertBg4.jpg);
	padding-bottom: 50px;
}

.footerLeft {
	width: 29%;
	font-size: 14px;
}
.footerMenu a, .footerMenu span {
	white-space: nowrap;
	line-height: 35px;
	margin-right: 20px;
}
.footerMenu span {
	color: #00CB88;

}
.footerReqWrapper {
}
.footerLogo, .footerReq, .footerLeft, .footerRight {
	display: inline-block;
	vertical-align: top;
}
.footerLogo img {
	width: 100px;
}
.footerReq {
	display: block;
	margin-left: 10px;
	margin-top: 30px;
}
.footerReq {
	line-height: 18px;
	font-size: 16px;
	color: #777;
}
.footerReq div {
	margin-top: -3px;
}
.footerReq b {
	line-height: 22px;
}
.copy {
	margin-top: 11px !important;
}
.footerRight {
	width: 67%;
	margin-left: 2%;
	margin-top: 10px;
}
.footerContacts, .footerAbout {
	font-size: 16px;
	line-height: 20px;
	margin-top: 36px;
	color: #999;
}
.paysysWr img {
	vertical-align: middle;
	margin-right: 10px;
}

.paysysWr a {
	border-bottom:none;
	text-decoration:none;
	display:inline-block;
	}

.footerContacts div, .footerAbout div {
	margin-bottom: 5px;
}
.footerContacts span {
	white-space: nowrap;
}
.footerContacts h4, .footerAbout h4 {
	margin: 25px 0 7px;
	font-size: 15px;
	color: #555;
}
.footerContacts i {
	font-style: normal;
	color: #777;
}
.onMap {
	white-space: nowrap;
}
.topSliderWrapper {
	overflow: hidden;
	margin-top:50px;
}
.svgWave, .svgWaveB, .svgWaveF, .svgWaveFB, .svgWave2, .svgWaveB2 {
	position: absolute;
	top: -95px;
	width: 100%;
	overflow: hidden;
	text-align: center;
}
.svgWave, .svgWave2 {
	background: url(../images/waveline2.png) center 0 no-repeat;
	height: 97px;
}
.svgWaveB, .svgWaveB2 {
	background: url(../images/waveline2_1.png) center 0 no-repeat;
	height: 97px;
	top: auto;
	bottom: -95px;
}

.svgWave2 {
	background: url(../images/waveline4.png) center 0 no-repeat;
}

.svgWaveB2 {
	background: url(../images/waveline4_1.png) center 0 no-repeat;
}

.svgWaveF {
	background: url(../images/footerWave2.png) center 0 no-repeat;
	height: 97px;
	top: 0;
}

.svgWaveFB {
	background: url(../images/footerWaveB.png) center 0 no-repeat;
	height: 97px;
	bottom: 0;
	top: auto;
}

.svgWave path, .svgWave rect {
}
.centerContent {
}
.logoWrapper div {
	display: inline-block;
	vertical-align: middle;
}
.logoPrint {
	border-left: solid 1px #ccc;
	font-size: 24px;
	color: #79b055;
	margin: 0 0 0 2px;
	padding: 15px 0 15px 17px;
	position: relative;
	top: 6px;
}
.logoWrapper a {
	border: none;
	text-decoration: none;
}
.hRightBlock {
	position: absolute;
	right: 20px;
	top: 5px;
	text-align: right;
}
.hPhone b {
	font-size: 24px;
	top: 3px;
	position: relative;
}

.hPhone b span {
	color:#999;
	font-weight: 300;
	
}

.hTime {
	font-size: 14px;
	color: #999;
	margin-top: 3px;
}
.hLinksWrapper {
	position: absolute;
	right: 15px;
	top: 2px;
}
.hLinks {
	position: relative;
}
.hLinks a {
	display: inline-block;
	font-size: 18px;
	position: relative;
	padding-left: 5px;
	margin-left: 40px;
	text-decoration: none;
	border-bottom: none;
	vertical-align: top;
}
.hLinks a i {
	position: absolute;
	left: -34px;
	top: -5px;
	display: block;
	height: 34px;
	width: 34px;
	background: url(../images/mzbn_icons.png) no-repeat 0 0 #00b9ff;
	border-radius: 25px;
}



.hLogIn:hover i, .hCart:hover i, .hamburger:hover, .hPhoneLink:hover i, .hPayDeliv:hover i {
	background-color: #00CB88 !important;
}
.hLogIn.aut i {
	background-color:#95FFF0 !important;
	}
.hCart.active i {
	background-color:#FF9600;
	}
	
.hLinksWrapper span {
	font-size:16px;
	font-weight:300;
	margin-left:3px;
	
	}

.hLogIn i {
	background-position: 9px 8px !important;
}
.hCart i {
	background-position: 7px -24px !important;
}
.secondImgWrapper {
	max-width: 45%;
	display: inline-block;
}
.secondImgWrapper a {
	display: block;
	text-decoration: none;
	border-bottom: none;
}
.secondImgWrapper img {
	border-radius: 1000px;
	max-width: 100%;
}
.slide {
	text-align: left;
	padding-bottom: 80px;
}
.slideText {
	width: 50%;
	display: inline-block;
	vertical-align: top;
	left: 0;
	top: 2%;
	line-height: 1.5;
	text-align: left;
}

@media(max-width:1440px) {
.slideText h1 {
	font-size: 45px;
}
}

@media(max-width:1280px) {
.slideText h1 {
	font-size: 38px;
}
}

@media(max-width:1000px) {
.slideText h1 {
	font-size: 35px;
}
}
.slideText ul {
	padding-left: 20px;
}
.slideText ul li {
	list-style: disc;
	margin: 10px 0;
	margin-left: 0;
	line-height: 1.4;
}
.slideButtonWrapper {
	margin: 50px 0;
}
.blueButton {
	border: none;
	border-bottom: 5px solid #008cc2 !important;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	background: #00b9ff;
	padding: 10px 35px;
	display: inline-block;
	font-size: 28px;
	border-radius: 0px;
	opacity: 1;
	position: relative;
	outline: none;
	cursor: pointer;
	border-radius: 100px;
}
.blueButton[disabled] {
	opacity: 0.2;
	cursor: default;
	background: #0078D7 !important;
}
.blueButton:hover {
	background: #00ABEC;
}
.blueButton:active {
	border: none;
	bottom: -1px;
	margin-bottom: 1px;
	border-bottom: 4px solid #00569E !important;
}
.redButton {
	border: none;
	border-bottom: 5px solid #C20000 !important;
	color: #fff !important;
	text-align: center;
	text-decoration: none;
	background: #FF0000;
	padding: 10px 35px;
	display: inline-block;
	font-size: 28px;
	border-radius: 0px;
	opacity: 1;
	position: relative;
	outline: none;
	cursor: pointer;
	border-radius: 100px;
}
.redButton[disabled] {
	opacity: 0.2;
	cursor: default;
	background: #D70000 !important;
}
.redButton:hover {
	background: #EC0000;
}
.redButton:active {
	border: none;
	bottom: -1px;
	margin-bottom: 1px;
	border-bottom: 4px solid #9E0000 !important;
}
.secondTitle {
	font-size: 60px;
	font-weight: 700;
	margin: 0 0 50px 0;
	text-align: center;
}
.secondTitle span {
	display: block;
	font-size: 50px;
	font-weight: 300;
	color: #ddd;
}
.advantagesWrapper {
	color: #fff;
	text-align: center;
	position: relative;
	padding: 50px 0;
	margin-bottom: 100px;
	background: #00b9ff;
}
.advantages, .howToBuy {
	padding-bottom: 60px;
	padding-top: 60px;
	text-align: center;
	position: relative;
}
.advantages h2 {
	font-size: 2.5em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 100px;
}
.advItem {
	width: 28%;
	padding-right: 4%;
	display: inline-block;
	vertical-align: top;
	margin-left: -0.27em;
	font-size: 18px;
	position: relative;
	z-index: 150;
	color: #eee;
	line-height: 1.4;
}
.dashedLine {
	display: block;
	position: absolute;
	width: 0%;
	background: url(../images/dashWave2.png) repeat-x 0 0;
	height: 50px;
	top: 200px;
	left: 235px;
	z-index: 100;
}

@media(max-width:1100px) {
.dashedLine {
	top: 220px;
	left: 190px;
}
}
.dashedLineOpen {
	width: 60%;
	-webkit-transition: width 1.2s linear;
	-moz-transition: width 1.2s linear;
	-o-transition: width 1.2s linear;
	-ms-transition: width 1.2s linear;
	transition: width 1.2s linear;
}
.stretchRight {
	animation-name: stretchRight;
	-webkit-animation-name: stretchRight;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
	animation-timing-function: linear;
	-webkit-animation-timing-function: linear;
	transform-origin: 0% 0%;
	-ms-transform-origin: 0% 0%;
	-webkit-transform-origin: 0% 0%;
}
 @keyframes stretchRight {
 0% {
 transform: scaleX(0.3);
}
 100% {
 transform: scaleX(1);
}
}
 @-webkit-keyframes stretchRight {
 0% {
 -webkit-transform: scaleX(0.3);
 opacity: 0;
}
 100% {
 -webkit-transform: scaleX(1);
 opacity: 1;
}
}
.advItem h3 {
	font-size: 24px;
	color: #fff;
	text-align: center;
}
.advImg {
	text-align: center;
	display: inline-block;
	border-radius: 150px;
	width: 110px;
	height: 110px;
	background: #fff;
	opacity: 0;
}
.rangeWrapper {
	padding: 50px 0;
	text-align: center;
}
.brendList {
	position: relative;
	padding: 30px 0;
}
.brendItem {
	display: inline-block;
	margin: 0 0.3%;
	width: 18%;
}
.brendItem a {
	border-bottom: none;
	display: block;
}
.brendItem img {
	width: 100%;
	border-radius: 500px;
	border: solid 1px #ccc;
	margin-bottom: 4px;
}
.brendsButtonWrapper {
	margin-top: 60px;
}
.allItemLink {
	font-size: 22px;
	position: relative;
	display: block;
}
.allItemLink span {
	display: block;
	margin: 0 30px;
	position: absolute;
	bottom: 50px;
}
.allItemLink b {
	font-weight: 300;
}
.shopMenu li {
	margin-bottom: 10px;
	position:relative;
}
.shopMenu li a, .shopMenu li span {
	font-size: 18px;
	position:relative;
}
.shopMenu li span {
	font-weight: 700;
	color: #009C33;
	position: relative;
	display: block;
}
.shopMenu li span:before {
	content: '';
	position: absolute;
	height: 12px;
	width: 12px;
	background: #009C33;
	border-radius: 20px;
	left: -18px;
	top: 3px;
}
.shopContent {
	padding-top: 30px;
}
.shopContent h1 {
	margin-top: 0;
}
.shopContent>div {
/*display:inline-block;
	vertical-align:top;*/
	
}
.shopMenu {
	margin-top: 10px;
}
.shopLColumn {
	/*float:left;*/
	width: 200px;
	/*margin-right:3%;*/
	position: absolute;
	margin-bottom: 5px;
}
.shopMFix {
	position: fixed;
	top: 140px;
}
.shopRColumn {
	margin-left: 250px;
	min-height: 500px;
}
.share {
	margin-top: 30px;
}
.share div {
	margin-bottom: 10px;
}
.itemList h2 {
	margin-top: 50px;
	font-size: 33px;
	color: #79b055;
}
.item {
	width: 31.5%;
	border: solid 1px #E1E6EC;
	border-radius: 10px;
	text-align: center;
	display: inline-block;
	margin-right: 1%;
	margin-bottom: 15px;
	vertical-align: top;
	background: #fff;
}
.item:hover {
	box-shadow: 0 15px 25px 0 rgba(85,117,193,0.2);
	-webkit-transition: box-shadow 375ms linear;
	-moz-transition: box-shadow 375ms linear;
	-o-transition: box-shadow 375ms linear;
	-ms-transition: box-shadow 375ms linear;
	transition: box-shadow 375ms linear;
}

/*@media(max-width:1500px) {
	.item {
	width:31.5%;
	}
	}*/
	
@media(max-width:1280px) {
.item {
	width: 48%;
}
}
.itemImg {
	height: 300px;
	display: block;
	text-align: center;
	border-bottom: none;
	margin: 20px 0 0;
	padding-bottom: 20px;
}
.item .itemImg:hover~.itemNameWrapper .itemName {
	color: #00CB88;
	border-color: #4EE18D;
}
.itemImg img {
	max-height: 300px;
}
.itemNameWrapper, .priceWrapper, .itemAddWrapper, .sizeWrapper, .denamWrapper {
	line-height: 1.3;
	padding: 10px 15px;
}

.denamWrapper {
	padding-top:0;
	}

.itemInner .itemNameWrapper, .itemInner .priceWrapper, .itemInner .itemAddWrapper, .itemInner .sizeWrapper {
	padding: 15px 0;
}

.itemInner .denamWrapper {
	padding-left:0;
	margin-bottom:30px;
	}
	
.itemNameWrapper {
	padding-top: 0;
}
.sizeWrapper {
	padding-top: 15px;
	padding-bottom: 3px;
}
.priceWrapper {
	font-size: 22px;
	font-weight: 700;
}
.inCart {
	padding: 6px 15px 6px;
	margin-left: 5px;
	border: dashed 1px #00B436;
	border-radius: 50px;
	color: #00B436;
}
.sizeAdd, .inCart, .onCart .addToCart, .pea {
	display: none;
}
.sizeAdd.active, .onCart .pea {
	display: block;
}
.onCart .inCart {
	display: inline-block;
}
.itemAddWrapper {
	padding-bottom: 25px;
}
.itemAddWrapper.active {
	display: block;
}
.itemAddWrapper .blueButton {
	font-size: 16px;
	padding: 5px 20px 4px;
	margin-left: 5px;
}
.itemAddWrapper input, .itemCartWrapper input[type=number], .cartQty input[type=number] {
	height: 27px;
	width: 60px;
	padding: 0 0 0 15px;
	text-align: center;
	border: solid 1px #CCCEE1;
	border-radius: 4px;
}
.size {
	display: inline-block;
	border-radius: 50px;
	border: solid 1px #ddd;
	width: 50px;
	height: 50px;
	text-align: center;
	margin: 0 2px 7px 0;
	position: relative;
}
.size span {
	position: relative;
	top: 16px;
	font-weight: 700;
}
a.size {
	border-color: #9BDDFF;
	border-style: dashed;
	cursor: pointer;
}
.size.active {
	color: #00CB88;
	border-color: #00CB88;
	border-style: solid;
}


.size.sale {
	border-color: #FF5959;
	}
.size.sale.active {
	border-color: #CB0000;
	border-style: solid;
	}
	
.size.sale.active span {
	color:#f00;
	}
	
.size.sale:after, .shopMenu .sale a:after {
	content:'';
	display:block;
	position:absolute;
	bottom:-5px;
	right:2px;
	background:url(../images/sale22.png) no-repeat;
	width:21px;
	height:20px;
	}

.shopMenu .sale a:after {
	bottom:0px;
	right:-26px;
	}

.sizeAdd.sale .priceWrapper, .sizeAdd.sale .dnmSizePrice {
	color:#f00;
	}

.sizeAdd .priceWrapper del {
	display:none;}

.sizeAdd.sale .priceWrapper del {
	color:#000;
	display:inline;
	}


.pea {
	position: absolute;
	top: -10px;
	left: 0px;
	background: #00CB88 url(../images/mzbn_icons.png) no-repeat 4px -355px;
	height: 20px;
	width: 20px;
	border-radius: 20px;
	color: #fff;
}
.pea sub {
	position: absolute;
	display: block;
	width: 30px;
	text-align: left;
	top: -5px;
	left: 20px;
	color: #00CB88;
}
.itemInner {
	margin-top: 100px;
}
.itemInner>div {
	display: inline-block;
	vertical-align: top;
}
.innerImg {
	width: 50%;
	text-align: center;
}
.innerImg img {
	max-width: 100%;
	max-height: 800px;
}
.innerInfo {
	width: 45%;
	margin-left: 2%;
}
.innerInfo .size {
	margin-right: 10px;
}
.innerInfo .size.active {
	border-color: rgba(0,180,54,1.00);
}
.size.active span {
	color: rgba(0,180,54,1.00);
}
.innerName {
	font-size: 20px;
	margin-bottom: 30px;
}
.innerSizeWrapper {
	margin-bottom: 30px;
}
.innerPriceWrapper, .itemInner .priceWrapper {
	font-size: 40px;
	font-weight: 700;
}
.innerInfo .itemAddWrapper {
	padding: 0;
}
.innerInfo .itemAddWrapper .blueButton {
	font-size: 20px;
	margin-left: 10px;
}
.innerInfo .dopInfo {
	border-top: solid 1px #eee;
	padding-top: 20px;
	margin-top: 30px;
	line-height:1.4;
}
.innerInfo table {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 10px;
}
table {
	border-collapse: collapse;
}
.innerInfo table thead tr {
	background: #c6e4ef;
}
.innerInfo table tr {
	border-bottom: 1px solid #a8d7e8;
}
.innerInfo table thead tr td, .innerInfo table thead tr th {
	font: bold 14px Arial;
	color: #4b4b4b;
	text-align: center;
	padding: 3px 0px;
	margin-bottom: 10px;
}
.innerInfo table tbody tr td, .innerInfo table tbody tr th {
	padding: 4px 0px;
	font: 14px Arial;
	color: #4b4b4b;
}
.innerInfo table tbody tr th {
	text-align: left;
}
.innerInfo table tbody tr td {
	text-align: right;
}
.contactsContent span {
	color: #777;
}
h1 {
	font-size: 60px;
	font-weight: 300;
	line-height: 1.5;
}
.contactsContent {
	padding-bottom: 60px;
	font-size: 18px;
}
.mapWrapper {
	position: relative;
	z-index: 4;
	margin-bottom: -190px;/*bottom:-90px;
	margin-top:-150px;*/
}
.mapWrapper .svgWave {
	top: 0;
	z-index: 1400;
}
.mapWrapper .svgWaveB {
	bottom: 0;
	z-index: 1400;
}
.footerContacts {
	display: inline-block;
	vertical-align: top;
	width: 45%;
}
.paysysWrapper {
	display: inline-block;
	width: 52%;
	margin-left: 2%;
	vertical-align: top;
	margin-top: 39px;
}
.paysysWr img {
	margin-bottom: 4px;
}
.headInputMenu {
	position: absolute;
	padding: 10px 20px 10px 20px;
	background: #fff;
	width: 140px;
	right: 0;
	box-shadow: 0 1px 4px rgba(0,0,0,0.2);
	margin-top: 12px;
	text-align: left;
	display: none;
	line-height: 15px;
	z-index: 850;
	border: solid 1px #ddd;
	border-radius: 15px;
}
.exitWrapper {
	margin-top: 20px !important;
}
.headInputMenu .close {
	font-size: 38px;
	background: none;
	color: #999;
	top: -10px;
	right: 7px;
	height: auto;
	width: auto;
}
.headInputMenu:before, .zakazTable .cartTable:after {
	content: '';
	position: absolute;
	top: -10px;
	left: 120px;
	display: block;
	width: 21px;
	height: 15px;
	background: url(../images/mzbn_icons.png) no-repeat 0 -315px;
}
.headInputMenu>div {
	margin: 10px 0;
}
.autorOn .userMenu {
	display: block;
}
.autorOn .cartTopMenu, .autorOn .regChekbox, .autorOn .mailInput, .autorOn #spammail, .userMenu {
	display: none;
}
.userMenu {
	margin: 40px 0 0 -8px;
	;
	font-size: 18px;
}
.userMenu a {
	text-decoration: none;
	display: inline-block;
	border-bottom: none;
	padding: 4px 8px;
}
.userMenu a.active {
	background: #00CB88;
	border-radius: 50px;
}
.userMenu a.active span {
	border-bottom: none !important;
	color: #fff;
	font-weight: 700;
}
.cartTableWrapper {
	border: solid 1px #eee;
	padding: 25px;
	border-radius: 15px;
}
.cartTable {
	width: 100%;
	font-size: 20px;
}
.cartTable td {
	vertical-align: top;
	padding: 20px 5px;
	border-bottom: solid 1px #FFE8FC;
}
.cartPhoto img {
	max-height: 120px;
	max-width: 100%;
}
.cartTable .qt {
	opacity: 1;
	margin-bottom: 10px;
}
.cartTable .cartQty a {
	font-size: 14px;
	color: #aaa;
}
.cartTable .price {
	font-size: 20px;
	margin-top: 10px;
}
.cartQty {
	text-align: center;
	width: 80px;
	padding-top: 17px !important;
}
.cartPhoto {
	width: 120px;
	padding-right: 10px !important;
	text-align: center;
}
.cartCost {
	width: 130px;
	text-align: right;
	padding-right: 30px !important;
}
.cartTableSumm {
	margin: 20px 30px 0 0;
	text-align: right;
}
.cartTableSumm span {
	font-size: 21px;
	font-weight: 700;
}
.cartFormWrapper {
	margin-top: 30px;
}

.volumeItem {
	display:inline-block;
	vertical-align: middle;
	margin-right: 10px;
	
}

.volumeItem:after {
}


.cartFormWrapper h2 {
	font-size: 200%;
}
.cartTopMenu {
	margin-left: 0px;
}
.totalWr {
	border-top: solid 1px #ddd;
	margin-top: -1px;
}
.totalWr div {
	margin: 10px 0;
	position: relative;
	font-size: 16px;
}
.totalWr b {
	position: absolute;
	right: 0;
}
.totalCart, .totalDel, .cartTotal {
}
/*cart Confirm*/


.formInner {
	margin-top: 40px;
}
.formInner h2 {
	position: relative;
	margin-bottom: 30px;
}
.formSection {
	padding-bottom: 30px;
	margin-top: 30px;
	border-bottom: solid 1px #eee;
}
.iwrapper, .noSpan, .formSection select {
	margin-bottom: 20px;
}
.iwrapper span {
	display: inline-block;
	margin-right: 5px;
	width: 140px;
	vertical-align: middle;
	font-size: 16px;
	position: relative;
	top: -2px;
}
.iwrapper input[name=firmtel], .iwrapper input[name=fiztel] {
	width: 185px !important;
}
.iwrapper input[name=firmunp] {
	width: 67px !important;
}
.iwrapper b {
	position: relative;
}
.noSpan {
	margin-left: 145px;
}
.formSection input[type=text], .formSection select, .formSection textarea, .cartPromocode input[type=text], .formSection input[type=password] {
	padding: 10px;
	width: 370px;
	border: solid 1px #d7d7d7;
	border-radius: 4px;
	outline: none;
}
.formSection textarea {
	height: 40px;
}
.formSection input[name=tel], .formSection input[name=email], .formSection input[name=city], .formSection input[type=password] {
	width: 185px;
}
.formSection input[name=obl] {
}
.formSection input[name=zip] {
	width: 50px;
}
.formSection i {
	font-size: 13px;
	display: inline-block;
	margin-left: 10px;
	color: #999;
	vertical-align: top;
	padding-top: 8px;
}
.formSection input[type=text]:focus, .formSection textarea:focus, .formSection select:focus, .formSection input[type=password]:focus {
	box-shadow: 0 0 1px #3E5EFF inset;
	outline: none;
}
.formSection select {
	width: 542px;
}
.delPrice {
	position: absolute;
	right: 51px;
	color: #000;
	font-weight: 700;
}
b.red {
	font-size: 20px;
	font-weight: 300;
	line-height: 20px;
}
.cartTotal {
	font-size: 22px !important;
	position: relative;
	padding: 15px 0;
	margin: 0 0;
	border-top: solid 1px #ddd;
}
.cartTotal span {
	display: inline-block;
	text-align: right;
	font-weight: 700;
}
.cartTotal span i {
	font-size: 13px;
	color: #999;
	font-style: normal;
	position: relative;
	top: 0;
	display: block;
	font-weight: 300;
}
.cartTotal b {
	font-size: 28px;
	position: absolute;
	right: 55px;
	top: 13px;
	font-weight: 700;
}
.cartPopup {
	position: absolute;
	border: solid 2px #00CB88;
	box-shadow: 15px 15px 15px -10px rgba(0,0,0,0.5);
	background: #FFFFFF;
	border-radius: 15px;
	padding: 20px;
	margin: 10px 20px 0 45%;
	line-height: 22px;
	color: #000;
	text-align: left;
	z-index: 1450;
	width: 300px;
}
.popupSelWr {
	margin-top: 5px;
}
.cartPopup:before {
	content: "";
	width: 0;
	height: 0;
	border-bottom: 15px solid #00CB88;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
	position: absolute;
	top: -15px;
	left: 50px;
}
.cartConfirm {
	font-size: 18px;
}
.cartSubmit {
	text-align: center;
	margin-top: 20px;
}
.cartSubmit input {
	font-size: 28px;
	padding: 10px 30px;
}
.cartContent {
	margin-bottom: 200px;
}
.timePer {
	display: inline-block;
}
.timePer label {
	display: block;
	margin-bottom: 7px;
}
.itemCartWrapper input[type=number]:disabled {
	background-color: #f6f6f6;
	color: #999;
	border: solid 1px #ddd;
}
.dopPopup {
	margin-bottom: 0 !important;
	font-size: 16px !important;
}
.autorOn .userMenu {
	display: block;
}
.autorOn .cartTopMenu, .autorOn .regChekbox, .autorOn .mailInput, .autorOn #spammail, .userMenu {
	display: none;
}
.zakazTable {
	margin-top: 30px;
}
.zakazTable .zakaz>table, .zakazTable>table {
	width: 100%;
}
.zakazTable>table th {
	padding-bottom: 10px;
	border-bottom: solid 1px #ccc;
}
.zakazTable .zakaz>table td {
	text-align: center;
	padding: 5px 0;
}
.zakazTable .art {
	width: 12%;
}
.zakazTable .user_info {
	width: 38%;
}
.zakazTable .date {
	width: 20%;
	font-size: 14px !important;
	color: #000 !important;
}
.zakazTable .itogo_info {
	width: 15%;
}
.zakazTable .status_info {
	width: 15%;
}
.zakazTable .innerWrapper {
	display: none;
	margin: 10px;
	padding: 10px 10px 20px;
	border: solid 1px #eee;
	position: relative;
	box-shadow: 1px 1px 10px rgba(0,0,0,0.1);
	border-radius: 15px;
}
.zakazTable .cartQty {
	padding-top: 20px !important;
}
.zakazTable .cartTable:after {
	left: 4.8%;
}
.zakazTable .zakaz {
	border-bottom: solid 1px #eee;
	padding: 20px 0;
}
.zakazBottomInfo {
	text-align: right;
	margin: 20px 30px 0 0;
}
.zakazBottomInfo div {
	margin-top: 15px;
}
.zakazTableSumm {
	font-weight: 700;
}
.zakazDiscount {
	color: #26AC5F;
}
.zakazBottomInfo span {
	display: inline-block;
	width: 100px;
}
.itogo_info {
}
.zakazTotalWrapper div {
	margin-top: 7px;
	text-align: right;
}
.zakazTotalWrapper div span {
	display: inline-block;
	width: 150px;
	margin-left: 10px;
	text-align: left;
	font-weight: 700;
	font-size: 18px;
}
.zakazCumDiscount span {
	color: #26AC5F;
}
.zakazTotalWrapper {
	margin: -1px 0 0;
	padding: 10px 0 0;
	border-top: solid 1px #ccc;
}
.zakazCumDiscount {
	margin-top: 20px !important;
}
.totalWr {
	border-top: solid 1px #ddd;
	margin-top: -1px;
}
.totalWr div {
	margin: 10px 0;
	position: relative;
	font-size: 16px;
}
.totalWr b {
	position: absolute;
	right: 0;
}
.adressWrapper {
	display: none;
}
.cartAnswer {
	padding-top: 30px;
}
.cartAnswer img {
	float: left;
	margin-right: 30px;
	margin-top: 15px;
}
.cartAnswer p {
	margin-left: 280px;
}
.zakazInfoWrapper {
	margin: 100px 0 20px;
	padding: 30px 0;
	border-top: dashed 1px rgba(0,0,0,0.2);
	border-bottom: dashed 1px rgba(0,0,0,0.2);
}
.zakazInfoWrapper .cartTable tr:last-child td {
	border-bottom: none;
}
.zakazInfoWrapper .innerWrapper {
	border: solid 1px #eee;
	padding: 20px;
	border-radius: 15px;
}
.zakazInfoWrapper div {
	margin: 10px 0;
}
.zakazInfoWrapper span {
	display: inline-block;
	width: 150px;
	color: #999;
}
.zakazInfoWrapper b {
	font-weight: 300;
	font-size: 18px;
}
.zakazInfoWrapper h4 {
	margin-top: 40px;
}
.zakazCoast {
	margin: 30px 0 !important;
}
.zakazTotal {
	font-size: 20px !important;
}
.zakazTotal b {
	font-size: 24px !important;
	font-weight: 700;
}


a[name="joinsitecart"] {
	margin-left:5px;
	display:inline-block;
	}
	
.mapBgWrapper {
	background:url(../images/contactsBg.jpg) no-repeat 100% 0;
	}

.aboutText {
	font-size:18px;
	line-height:1.5;}
	
.aboutText .intro {
	font-size:26px;
	color:#777;
	font-style:italic;
	}
	
.payDelivWrapper h3 {
	color:#009C33;
	font-weight:300;
	font-size:26px;
	margin-bottom:0;
	}
	
.payDelivWrapper h2 {
	margin-top:30px;}
	
.payDelivWrapper p {
	margin-left:23px;}
	

.webPayBut {
	margin-left:150px;
	margin-top:10px;
	font-size:16px;
	padding:7px 15px;
	
	}

.promoPic {
	display: inline-block;
	width: 50%;

	vertical-align: top;
}

.promoPic img {
	width: 100%;
	max-width: 528px;
}

.nextDeliv {
	background:#4EE18D;
	display:inline-block;
	color: #fff;
	position: relative;
	top: 10px;
	margin-left: -50px;
	padding:5px 20px 6px 55px;
	border-radius: 50px;
	opacity: 1;
	z-index: 0;
	
}

.nextDeliv span {
	display:inline-block;
	padding-left: 42px;
	position: relative;
	text-align: left !important;
}

.nextDeliv span:after {
	content:'';
	display: block;
	height: 35px;
	width: 35px;
	background: url(../images/icons/delivery2.png) no-repeat;
	background-size: 35px;
	border: solid 1px #fff;
	border-radius: 50%;
	left: 0px;
	top: 1px;
	position: absolute;
}

.nextDeliv b {
	display:block;
	position: relative;
}

.promoRightText {
	/*position: absolute;
	top: 0;
	left: 550px;
	right: 20px;*/
	display: inline-block;
	vertical-align: top;
	width: 45%;
	position: relative;
	
	
}

.promoRightText h1 {
	font-size: 50px;
}

.promoRightText .itemAddWrapper input {
    display: inline-block !important;
    width: 41px !important;
    text-align: center;
    line-height: 36px;
    font-size: 18px;
    vertical-align: top;
    position: relative;
    top: -1px;
    border: solid 1px #00b9ff;
	height: 36px;
	padding:0 0 2px 0 !important;
	border-radius: 0px !important;
}

.promoRightText .itemAddWrapper {
	padding-left: 0;
	margin-top: 10px;
}

.promoRightText .itemAddWrapper .blueButton {
    font-size: 22px;
    padding: 10px 50px 9px;
    margin-left: 0px;
	z-index: 1;
}

.promoRightText .itemAddWrapper .inCart {
    margin-left: 0;
    border: dashed 1px #00B436;
    border-radius: 50px;
    color: #00B436;
	background: #fff;
	position: relative;
	z-index: 100;
	padding: 12px 50px 14px;
	font-size: 18px;
}

.promoSumm {
	position: relative;
	top: 10px;
	font-size: 18px;
	color:#999;
	margin-left: 0px;
	
}

.promoSumm b {
	color:#000;
	font-size: 24px;
}

.promoAddWr {
	margin-bottom: 20px;
	position: relative;

}

.promoRightText .innerSizeWrapper, .promoRightText .priceWrapper {
	display: inline-block;
	vertical-align: middle;
	margin-bottom: 0;

}

.promoRightText .priceWrapper {
	font-size: 30px;
}

.promoRightText ul {
	padding: 0 0 0 18px;
	margin: 0;

	
}

.promoRightText ul li {
	font-size: 20px;
	margin-bottom: 10px;
	line-height: 1.5;
	font-weight: 300;
	
}

/*.svgWaveF, .svgWaveFB, .anlim {	
	position: relative;
	z-index: 100;
}  */


.promoDopWrapper {
	text-align: center;
	position: relative;
	padding: 100px 0;
	margin-bottom: 100px;
	background: #f9f9f9;

}

.noStock .promoDopWrapper {
	padding: 100px 0 300px;
}


.promo .secondTitle {
	font-size: 40px;
}

.promoDopWrapper .slick-track {
	padding: 30px 0;
	
}


.promoDopWrapper .item {
	margin: 0 20px;

}

.promoDopWrapper .item img {
	margin:  0 auto;
	max-width: 100%;
}

.stockWrapper {
	overflow: hidden;
}

.stockLeft, .stockRight {
	display:inline-block;
	vertical-align: top;
	
}

.stockLeft {
	width:62%;
	margin-right: 2%;
}

.stockRight {
	width: 35%;
}

.stockName {
	font-size: 36px;
	margin: 20px 0 20px;
}


.stockText {
	font-size: 20px;
	line-height: 1.7;
	margin-bottom: 20px;
}

.stockButtonWrapper .blueButton {
	font-size: 20px;
}



.promo .lim, .promo .anlim, .promo .lim2 {
	min-width: 270px;
}

.promo {
	min-width: 300px;
}



.slick-arrow.slick-next {
    right: -60px;
}

.slick-arrow.slick-prev {
    left: -60px;
}


.slick-arrow {
    width: 60px;
    position: absolute;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1000;
}


.slick-arrow i {
    height: 40px;
    width: 40px;
    position: absolute;
    border: solid 2px #ccc;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 50%;
    margin-top: -20px;
    cursor: pointer;
    z-index: 1000;
}


.slick-arrow i {
    margin-top: -20px;
}



.slick-arrow:hover i {
    opacity: 0.7;
}

.slick-next i {
    border-left: none;
    border-bottom: none;
    right: 10px;
}

.slick-prev i {
    border-top: none;
    border-right: none;
    left: 10px;
}


.promo .hLinksWrapper {
    right: 380px;
    white-space: nowrap;
    margin-top: 5px;
}

.promo .hRightBlock {
	top: 8px;
	
}

.hPhoneLink {
	display: none !important;
	
}

.hPhoneLink i {
	background-position: -18px 9px !important;
}

.hPayDeliv i {
	background: url(../images/icons/delivery2.png) 1px 1px  no-repeat  #00b9ff !important;
	background-size: 33px !important;
}


.hLinks .nextDelivWr {
	color:#000;
	width: 150px;
	display: inline-block;
	white-space: normal;
	position: relative;
	margin-right: 10px;
	text-align: left;
	font-size: 14px;
	
}

.promo .hLinks a i {
	top: 1px;
}

.bigPopupIn {
	background: #fff;
	text-align: left;
	overflow: hidden;
	margin: 20px auto;
	border-radius: 10px;
	max-width: 600px;
	position: relative;
	
}

.bigPopupIn .aboutText {
	padding: 1px 20px 20px;
}

.bigPopupWr .close {
	position: fixed;
	right: 20px;
	top: 5px;
} 

.bigPopupWr h1 {
	font-size: 36px;
	margin: 10px 0 10px;
}

.cartInner h1 {
	margin: 10px 20px 30px;
}

.bigPopupWr .cartTableWrapper {
	padding: 0;
	margin: 0 20px 20px;
	border:none;
	
}

.cartItem>div, .cartItemInfo>div {
	display:inline-block;
	vertical-align: top;
	
}


.headerPhonePopup {
	display: none !important;
	position: absolute;
	width: 180px;
	background: #f1f1f1;
	border-radius: 10px;
	top: 50px;
	right: 0;
	padding: 20px;
	box-shadow: 3px 3px 15px rgba(255,255,255,0.4);
}

.headerPhonePopup.active {
	display: block !important;
}

.headerPhonePopup:after {
	content: '';
    display: block;
    position: absolute;
    top: -8px;
    height: 20px;
    width: 20px;
    transform: rotate(45deg);
    background: #f1f1f1;
    right: 13px;
}

.headerPhonePopup .hPhone, .headerPhonePopup .hTime {
	display: block !important;
}

.hPhone b {
	display: inline-block;
	margin-left: 15px;
	
	
}

.headerPhonePopup .hPhone b  {
	display: block;
	margin-bottom: 5px;
	margin-left: 0;
}

.hPhone a {
	color:#000;
	border-bottom: none;
	
}




.cartFormIn {
	background:#f3f3f3;
	padding: 3rem;
	}

	
.inputWr input, .inputWr textarea  {
	border:solid 1px #eee;
	}
	
.inputWr textarea {
	height:100px;
	}

.inputWr {
	position:relative;
	margin-bottom:20px;
	
	
	}

.inputWr input, .inputWr textarea {
	padding:25px 15px 7px;
	box-sizing: border-box;
	width:100%;
	}
	
.cartFormWr .deliveryList input {
	width:auto;
	padding:0;
	}

.deliveryList, .payList {
	margin:0 -3rem 50px;
	overflow:hidden;
	}
	
.deliveryList label, .payList label {
	padding:15px 8rem 15px 3rem;
	font-size:15px;
	display:block;
	position:relative;
	font-weight:500;
	}

.deliveryItem, .payItem {
	border-bottom:solid 1px rgba(0,0,0,0.1);
	}

.deliveryPrice, .payPrice {
	position:absolute;
	right:3rem;
	top:15px;
	}

.payPrice {
	top:5px;
	}

.payPrice img {
	max-height:40px;
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
	
	}
	
.deliveryList .deliveryItem:hover, .payList .payItem:hover {
	background:#f3e9cd;
	cursor:pointer;
	}
.deliveryList .deliveryItem.active, .payList .payItem.active {
	background:#f7d991;
	}

.deliveryItem.active .deliveryText, .payItem.active .deliveryText {
	display:block;
	}

.deliveryItem label b, .deliveryItem label input, .payItem label b, .payItem label input {
	font-weight:normal;
	display:inline-block;
	white-space:normal;
	vertical-align:top;
	padding-right:25px;
	padding-top: 2px;
	padding-left: 5px;
	}

.deliveryItem label, .payItem label {
	white-space:nowrap;
	
	}

.deliveryText, .payText {
	display:none;
	}

.deliveryText label {
	padding-left:4rem;
	font-size:13px;
	color:#555;
	}

.deliveryText label>div, .deliveryText input {
	display:inline-block;
	vertical-align:top;
	white-space:normal;
	}

.deliveryText label {
	padding:10px 3rem 10px 4rem !important;
	white-space:nowrap;
	}

.deliveryText label:hover {
	background:rgba(0,0,0,0.1)}

.samWorkTime {
	margin-top:4px;
	line-height:1.7;
	}
	
.inputPlaceholder {
	position:absolute;
	top:14px;
	left:15px;
	font-size:14px;
	color:#999;
	transition:top ease-in-out 0.1s, font-size ease-in-out 0.1s ;
	}
	
.inputPlaceholder.active {
	top:5px;
	font-size:12px;
	transition:all ease-in-out 0.1s;
	}

.fiftiWr {
	white-space:nowrap;
	}

.fiftiWr .inputWr, .fif {
	display:inline-block;
	vertical-align:top;
	width:49%;
	margin-left:-0.25em;
	}

.fiftiWr .inputWr:first-child, .formDelivSelect .fif:nth-child(2n+1), .allDeliveryForm .fif:nth-child(2n) {
	margin-left:0;
	margin-right:2%;
	}

.formDelivSelect, .allDeliveryForm {
	white-space:nowrap;}

.primer {
	font-size:15px;
	margin-left:15px;
	margin-top:3px;}

.allDeliveryForm {
	margin-bottom:30px;}

.formDelivSelect {
	display:none;
	}

.formDelivSelect.active {
	display:block;
	}

.itogoWr {
	text-align:center;
	margin-top:20px;
	}

.itogoInner {
	display:inline-block;
	text-align:left;
	margin: 0 10px;
	
	}

.itogoInner h2 {
	text-align:center;
	font-size:28px;
	border-bottom:solid 1px #eee;
	padding-bottom:10px;
	}

.itogoInner div {
	position:relative;
	padding-right:80px;
	margin:25px 0;
	}	

.itogoInner div span {
	position:absolute;
	right:0;
	}

.allPrice {
	font-weight:700;
	}
	




.blueButton[disabled], .blueButton.disabled {
	opacity:0.35;
	cursor:default;
	background: #568add !important;
	border-bottom: 5px solid #008cc2 !important;
	bottom: 0 !important;
	margin-bottom: 0 !important;
	}
 
 


div.cartSbWr {
	padding:0;
	margin-top:30px;
	}
	
.cartSbWr .blueButton {
	width:100%;
	box-sizing:border-box;
	font-weight:700;
	font-size: 16px;
	white-space: normal;
	}
	
.itogoWr i {
	font-style:normal;}

.samTochka {
	font-weight:700;
	}
	


.zakazInfoWrapper {
	margin-top:60px;}

.zakazInfoWrapper>div, .zakazCoast>div {
	margin-bottom:10px;}

.zakazInfoWrapper>div>span, .zakazCoast>div>span {
	display:inline-block;
	width:250px;}
	
.zakazInfoWrapper h4, .zakazCoast h4 {
	margin:30px 0 20px;
	font-size:20px;}


.cartPopupWr .cartQty {
	padding-top: 10px !important;
	width: 20%;
}

.cartPopupWr .cartItemInfo {
	width: 78%;
}

.cartPopupWr .cartCost {
	margin-top: 18px;
	font-size: 18px;
	width: 20%;
	padding-right: 0;
}

.cartPopupWr .cartTableSumm {
	font-size: 21px;
}

.cartPopupWr .cartItem {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: solid 1px #eee;
}
.cartPopupWr .cartQty .qt {
	margin-bottom: 5px;
	
}

.cartPopupWr .cartNameWr {
	margin-right: 10px;
	margin-top: 10px;
	width: 40%;
}

.cartPopupWr .cartNameWr .price {
    background: #4EE18D;
    display: inline-block;
    font-size: 14px;
    line-height: 22px;
    padding: 5px 10px 5px 15px;
    border-radius: 4px;
    position: relative;
    height: 23px;
    margin: 10px 10px 10px 15px;
}

.cartPopupWr .cartNameWr .price b {
	position: relative;
	z-index: 13;
}

.cartPopupWr .cartNameWr .price:before {
    content: '';
    display: block;
    position: absolute;
    height: 7px;
    width: 7px;
    background: #fff;
    top: 13px;
    left: -2px;
    border-radius: 50%;
    z-index: 11;
}

.cartPopupWr .cartNameWr .price:after {
    content: '';
    display: block;
    position: absolute;
    height: 25px;
    width: 25px;
    background: #4EE18D;
    transform: rotate(45deg);
    top: 4px;
    left: -11px;
    border-radius: 4px;
    z-index: 10;
}

.cartPopupWr .cartPhoto {
	width: 20%;
	padding-right: 1% !important;
}

.cartPopupWr .cartPhoto img {
}

/*Анимация*/


.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
  -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }
  0% {
  opacity: 0;
  -webkit-transform: scale3d(.3, .3, .3);
  transform: scale3d(.3, .3, .3);
  }
  20% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1);
  transform: scale3d(1.1, 1.1, 1.1);
  }
  40% {
  -webkit-transform: scale3d(.9, .9, .9);
  transform: scale3d(.9, .9, .9);
  }
  60% {
  opacity: 1;
  -webkit-transform: scale3d(1.03, 1.03, 1.03);
  transform: scale3d(1.03, 1.03, 1.03);
  }
  80% {
  -webkit-transform: scale3d(.97, .97, .97);
  transform: scale3d(.97, .97, .97);
  }
  100% {
  opacity: 1;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 


.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes swing {
  20% {
  -webkit-transform: rotate3d(0, 0, 1, 15deg);
  transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
  -webkit-transform: rotate3d(0, 0, 1, -10deg);
  transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
  -webkit-transform: rotate3d(0, 0, 1, 5deg);
  transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
  -webkit-transform: rotate3d(0, 0, 1, -5deg);
  transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  }
  }
  @keyframes swing {
  20% {
  -webkit-transform: rotate3d(0, 0, 1, 15deg);
  transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
  -webkit-transform: rotate3d(0, 0, 1, -10deg);
  transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
  -webkit-transform: rotate3d(0, 0, 1, 5deg);
  transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
  -webkit-transform: rotate3d(0, 0, 1, -5deg);
  transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
  -webkit-transform: rotate3d(0, 0, 1, 0deg);
  transform: rotate3d(0, 0, 1, 0deg);
  }
  }




.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes pulse {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  50% {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 



.slick-cloned .allItemLink, .slick-active .allItemLink, .flipInY {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	opacity: 1;
}
 @-webkit-keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInY {
 0% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
 transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.flipInX {
	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInX;
	animation-name: flipInX;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
 @keyframes flipInX {
 0% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
 opacity: 0;
}
 40% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
 -webkit-transition-timing-function: ease-in;
 transition-timing-function: ease-in;
}
 60% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
 opacity: 1;
}
 80% {
 -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
 transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
}
 100% {
 -webkit-transform: perspective(400px);
 transform: perspective(400px);
}
}
.slick-active .secondImgWrapper, .rotateIn {
	-webkit-animation-name: rotateIn;
	animation-name: rotateIn;
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes rotateIn {
 0% {
 -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: 1;
}
}
 @keyframes rotateIn {
 0% {
 -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: 1;
}
}
.fadeOutUpBig {
	-webkit-animation-name: fadeOutUpBig;
	animation-name: fadeOutUpBig;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
}
}
 @keyframes fadeOutUpBig {
 0% {
 opacity: 1;
}
 100% {
 opacity: 0;
 -webkit-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
}
}
.fadeInDownBig {
	-webkit-animation-name: fadeInDownBig;
	animation-name: fadeInDownBig;
	-webkit-animation-duration: 0.5s;
	animation-duration: 0.5s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
 @-webkit-keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
 @keyframes fadeInDownBig {
 0% {
 opacity: 0;
 -webkit-transform: translate3d(0, -300px, 0);
 transform: translate3d(0, -300px, 0);
}
 100% {
 opacity: 1;
 -webkit-transform: none;
 transform: none;
}
}
.hatch {
	animation-name: hatch;
	-webkit-animation-name: hatch;
	animation-duration: 2s;
	-webkit-animation-duration: 2s;
	animation-timing-function: ease-in-out;
	-webkit-animation-timing-function: ease-in-out;
	transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	-webkit-transform-origin: 50% 100%;
	visibility: visible !important;
}
 @keyframes hatch {
 0% {
 transform: rotate(0deg) scaleY(0.6);
}
 20% {
 transform: rotate(-2deg) scaleY(1.05);
}
 35% {
 transform: rotate(2deg) scaleY(1);
}
 50% {
 transform: rotate(-2deg);
}
 65% {
 transform: rotate(1deg);
}
 80% {
 transform: rotate(-1deg);
}
 100% {
 transform: rotate(0deg);
}
}
 @-webkit-keyframes hatch {
 0% {
 -webkit-transform: rotate(0deg) scaleY(0.6);
}
 20% {
 -webkit-transform: rotate(-2deg) scaleY(1.05);
}
 35% {
 -webkit-transform: rotate(2deg) scaleY(1);
}
 50% {
 -webkit-transform: rotate(-2deg);
}
 65% {
 -webkit-transform: rotate(1deg);
}
 80% {
 -webkit-transform: rotate(-1deg);
}
 100% {
 -webkit-transform: rotate(0deg);
}
}


.slideInLeft {
  -webkit-animation-name: slideInLeft;
  animation-name: slideInLeft;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  }
  @keyframes slideInLeft {
  0% {
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateX(0);
  transform: translateX(0);
  }
  } 


.cssload-loader * {
	box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
}

.cssload-loader {
	position: absolute;
	left: 50%;
	
	width: 195px;
	height: 195px;
	
	margin-top: -97px;
	margin-left: -97px;
	
	perspective: 97px;
		-o-perspective: 97px;
		-ms-perspective: 97px;
		-webkit-perspective: 97px;
		-moz-perspective: 97px;
	transform-type: preserve-3d;
		-o-transform-type: preserve-3d;
		-ms-transform-type: preserve-3d;
		-webkit-transform-type: preserve-3d;
		-moz-transform-type: preserve-3d;
	
	animation: cssload-loader 6.9s cubic-bezierrgb(0,187,255) infinite;
		-o-animation: cssload-loader 6.9s cubic-bezierrgb(0,187,255) infinite;
		-ms-animation: cssload-loader 6.9s cubic-bezierrgb(0,187,255) infinite;
		-webkit-animation: cssload-loader 6.9s cubic-bezierrgb(0,187,255) infinite;
		-moz-animation: cssload-loader 6.9s cubic-bezierrgb(0,187,255) infinite;
}




.cssload-dot {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;

	width: 19px;
	height: 19px;
	
	margin-top: -88px;
	margin-left: -10px;

	border-radius: 10px;

	background-color: rgb(0,187,255);

	transform-type: preserve-3d;
		-o-transform-type: preserve-3d;
		-ms-transform-type: preserve-3d;
		-webkit-transform-type: preserve-3d;
		-moz-transform-type: preserve-3d;
	transform-origin: 50% 88px;
		-o-transform-origin: 50% 88px;
		-ms-transform-origin: 50% 88px;
		-webkit-transform-origin: 50% 88px;
		-moz-transform-origin: 50% 88px;
	transform: rotateZ(30deg);
		-o-transform: rotateZ(30deg);
		-ms-transform: rotateZ(30deg);
		-webkit-transform: rotateZ(30deg);
		-moz-transform: rotateZ(30deg);

	animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
		-o-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
		-ms-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
		-webkit-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
		-moz-animation: cssload-dot1 1.73s cubic-bezier(.6,0,.4,1) infinite;
}

.cssload-dot:nth-child(2) {
	transform: rotateZ(15deg);
		-o-transform: rotateZ(15deg);
		-ms-transform: rotateZ(15deg);
		-webkit-transform: rotateZ(15deg);
		-moz-transform: rotateZ(15deg);
	animation-name: cssload-dot2;
		-o-animation-name: cssload-dot2;
		-ms-animation-name: cssload-dot2;
		-webkit-animation-name: cssload-dot2;
		-moz-animation-name: cssload-dot2;
	animation-delay: 172.5ms;
		-o-animation-delay: 172.5ms;
		-ms-animation-delay: 172.5ms;
		-webkit-animation-delay: 172.5ms;
		-moz-animation-delay: 172.5ms;
	background-color: rgb(0,187,255);
}

.cssload-dot:nth-child(3) {
	transform: rotateZ(0deg);
		-o-transform: rotateZ(0deg);
		-ms-transform: rotateZ(0deg);
		-webkit-transform: rotateZ(0deg);
		-moz-transform: rotateZ(0deg);
	animation-name: cssload-dot3;
		-o-animation-name: cssload-dot3;
		-ms-animation-name: cssload-dot3;
		-webkit-animation-name: cssload-dot3;
		-moz-animation-name: cssload-dot3;
	animation-delay: 345ms;
		-o-animation-delay: 345ms;
		-ms-animation-delay: 345ms;
		-webkit-animation-delay: 345ms;
		-moz-animation-delay: 345ms;
	background-color: rgb(0,187,255);
}

.cssload-dot:nth-child(4) {
	transform: rotateZ(-15deg);
		-o-transform: rotateZ(-15deg);
		-ms-transform: rotateZ(-15deg);
		-webkit-transform: rotateZ(-15deg);
		-moz-transform: rotateZ(-15deg);
	animation-name: cssload-dot4;
		-o-animation-name: cssload-dot4;
		-ms-animation-name: cssload-dot4;
		-webkit-animation-name: cssload-dot4;
		-moz-animation-name: cssload-dot4;
	animation-delay: 517.5ms;
		-o-animation-delay: 517.5ms;
		-ms-animation-delay: 517.5ms;
		-webkit-animation-delay: 517.5ms;
		-moz-animation-delay: 517.5ms;
	background-color: rgb(0,187,255);
}

.cssload-dot:nth-child(5) {
	transform: rotateZ(-30deg);
		-o-transform: rotateZ(-30deg);
		-ms-transform: rotateZ(-30deg);
		-webkit-transform: rotateZ(-30deg);
		-moz-transform: rotateZ(-30deg);
	animation-name: cssload-dot5;
		-o-animation-name: cssload-dot5;
		-ms-animation-name: cssload-dot5;
		-webkit-animation-name: cssload-dot5;
		-moz-animation-name: cssload-dot5;
	animation-delay: 690ms;
		-o-animation-delay: 690ms;
		-ms-animation-delay: 690ms;
		-webkit-animation-delay: 690ms;
		-moz-animation-delay: 690ms;
	background-color: rgb(0,187,255);
}











@keyframes cssload-loader {
	0% {
		transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		transform: rotateX(30deg) rotateZ(-360deg);
	}
}

@-o-keyframes cssload-loader {
	0% {
		-o-transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		-o-transform: rotateX(30deg) rotateZ(-360deg);
	}
}

@-ms-keyframes cssload-loader {
	0% {
		-ms-transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		-ms-transform: rotateX(30deg) rotateZ(-360deg);
	}
}

@-webkit-keyframes cssload-loader {
	0% {
		-webkit-transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		-webkit-transform: rotateX(30deg) rotateZ(-360deg);
	}
}

@-moz-keyframes cssload-loader {
	0% {
		-moz-transform: rotateX(30deg) rotateZ(0deg);
	}
	100% {
		-moz-transform: rotateX(30deg) rotateZ(-360deg);
	}
}

@keyframes cssload-dot1 {
	0% {
		transform: rotateZ(30deg) rotateX(10deg);
	}
	95%, 100% {
		transform: rotateZ(390deg) rotateX(10deg);
	}
}

@-o-keyframes cssload-dot1 {
	0% {
		-o-transform: rotateZ(30deg) rotateX(10deg);
	}
	95%, 100% {
		-o-transform: rotateZ(390deg) rotateX(10deg);
	}
}

@-ms-keyframes cssload-dot1 {
	0% {
		-ms-transform: rotateZ(30deg) rotateX(10deg);
	}
	95%, 100% {
		-ms-transform: rotateZ(390deg) rotateX(10deg);
	}
}

@-webkit-keyframes cssload-dot1 {
	0% {
		-webkit-transform: rotateZ(30deg) rotateX(10deg);
	}
	95%, 100% {
		-webkit-transform: rotateZ(390deg) rotateX(10deg);
	}
}

@-moz-keyframes cssload-dot1 {
	0% {
		-moz-transform: rotateZ(30deg) rotateX(10deg);
	}
	95%, 100% {
		-moz-transform: rotateZ(390deg) rotateX(10deg);
	}
}

@keyframes cssload-dot2 {
	0% {
		transform: rotateZ(15deg) rotateX(10deg);
	}
	95%, 100% {
		transform: rotateZ(375deg) rotateX(10deg);
	}
}

@-o-keyframes cssload-dot2 {
	0% {
		-o-transform: rotateZ(15deg) rotateX(10deg);
	}
	95%, 100% {
		-o-transform: rotateZ(375deg) rotateX(10deg);
	}
}

@-ms-keyframes cssload-dot2 {
	0% {
		-ms-transform: rotateZ(15deg) rotateX(10deg);
	}
	95%, 100% {
		-ms-transform: rotateZ(375deg) rotateX(10deg);
	}
}

@-webkit-keyframes cssload-dot2 {
	0% {
		-webkit-transform: rotateZ(15deg) rotateX(10deg);
	}
	95%, 100% {
		-webkit-transform: rotateZ(375deg) rotateX(10deg);
	}
}

@-moz-keyframes cssload-dot2 {
	0% {
		-moz-transform: rotateZ(15deg) rotateX(10deg);
	}
	95%, 100% {
		-moz-transform: rotateZ(375deg) rotateX(10deg);
	}
}

@keyframes cssload-dot3 {
	0% {
		transform: rotateZ(0deg) rotateX(10deg);
	}
	95%, 100% {
		transform: rotateZ(360deg) rotateX(10deg);
	}
}

@-o-keyframes cssload-dot3 {
	0% {
		-o-transform: rotateZ(0deg) rotateX(10deg);
	}
	95%, 100% {
		-o-transform: rotateZ(360deg) rotateX(10deg);
	}
}

@-ms-keyframes cssload-dot3 {
	0% {
		-ms-transform: rotateZ(0deg) rotateX(10deg);
	}
	95%, 100% {
		-ms-transform: rotateZ(360deg) rotateX(10deg);
	}
}

@-webkit-keyframes cssload-dot3 {
	0% {
		-webkit-transform: rotateZ(0deg) rotateX(10deg);
	}
	95%, 100% {
		-webkit-transform: rotateZ(360deg) rotateX(10deg);
	}
}

@-moz-keyframes cssload-dot3 {
	0% {
		-moz-transform: rotateZ(0deg) rotateX(10deg);
	}
	95%, 100% {
		-moz-transform: rotateZ(360deg) rotateX(10deg);
	}
}

@keyframes cssload-dot4 {
	0% {
		transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%, 100% {
		transform: rotateZ(345deg) rotateX(10deg);
	}
}

@-o-keyframes cssload-dot4 {
	0% {
		-o-transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%, 100% {
		-o-transform: rotateZ(345deg) rotateX(10deg);
	}
}

@-ms-keyframes cssload-dot4 {
	0% {
		-ms-transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%, 100% {
		-ms-transform: rotateZ(345deg) rotateX(10deg);
	}
}

@-webkit-keyframes cssload-dot4 {
	0% {
		-webkit-transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%, 100% {
		-webkit-transform: rotateZ(345deg) rotateX(10deg);
	}
}

@-moz-keyframes cssload-dot4 {
	0% {
		-moz-transform: rotateZ(-15deg) rotateX(10deg);
	}
	95%, 100% {
		-moz-transform: rotateZ(345deg) rotateX(10deg);
	}
}

@keyframes cssload-dot5 {
	0% {
		transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%, 100% {
		transform: rotateZ(330deg) rotateX(10deg);
	}
}

@-o-keyframes cssload-dot5 {
	0% {
		-o-transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%, 100% {
		-o-transform: rotateZ(330deg) rotateX(10deg);
	}
}

@-ms-keyframes cssload-dot5 {
	0% {
		-ms-transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%, 100% {
		-ms-transform: rotateZ(330deg) rotateX(10deg);
	}
}

@-webkit-keyframes cssload-dot5 {
	0% {
		-webkit-transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%, 100% {
		-webkit-transform: rotateZ(330deg) rotateX(10deg);
	}
}

@-moz-keyframes cssload-dot5 {
	0% {
		-moz-transform: rotateZ(-30deg) rotateX(10deg);
	}
	95%, 100% {
		-moz-transform: rotateZ(330deg) rotateX(10deg);
	}
}


.loaderWr {
	position: fixed;
	background: rgba(255,255,255,0.9);
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 50000;
	display: none;
}

.loaderWr.active {
	display: block;
}

.loaderWr .cssload-loader {
	position: relative;
	top:50%;
	
}

.noCartItem, .cartOkAnswer {
	padding: 20px;
	display: none;
}

.bigAnswer {
	font-size: 30px;
	margin-bottom: 20px;
}



.cartOkAnswer img {
	position: absolute;
	left: 20px;
}

.cartOkAnswer div, .cartOkAnswer p {
	margin-left: 120px;
}


.item .itemAddWrapper input, .qt input {
	height: 32px;
    width: 32px;
	line-height: 32px;
    padding: 0;
    text-align: center;
    border: solid 1px #00b9ff;
    border-radius: 0;
	display: inline-block !important;
}

.qt {
	white-space: nowrap;
	
}

.item .btn-default, .qt .btn-default  {
	height: 34px;
	width: 34px;
	top: 0;
}

.item .input-group {
	position: relative;
	top: 1px;
	
}

.item .inCart {
	position: relative;
	top: 2px;
}

.item .itemAddWrapper {
	
}

.stockItem {
	margin: 0 40px;
	overflow: hidden;
}

.stockWrapper .slick-arrow.slick-next {
    right: -10px;
}

.stockWrapper .slick-arrow.slick-prev {
    left: -10px;
}

.cartItemList .cartItem:first-child a[data="delcart"] {
	display: none;
}


.stockTopLink {
	position: absolute;
}

.noStock .stockTopLink {
	display:none;
	
}




.stockTopLink .sOne {
   height: 80px;
   width: 80px;
   background: #f00;
   position: absolute;
	display: block;
}
.stockTopLink .sOne:before {
   height: 80px;
   width: 80px;
   background: #f00;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(30deg);
   -webkit-transform: rotate(30deg);
   -ms-transform: rotate(30deg);
   -o-transform: rotate(30deg);
   transform: rotate(30deg);
	display: block;
}
.stockTopLink .sOne:after {
   height: 80px;
   width: 80px;
   background: #f00;
   content:"";
   position: absolute;
   /* Rotate */
   -moz-transform: rotate(-30deg);
   -webkit-transform: rotate(-30deg);
   -ms-transform: rotate(-30deg);
   -o-transform: rotate(-30deg);
   transform: rotate(-30deg);
	display: block;
}

.stockTopLink {
	top: 20px;
    left: 340px;
    display: block;
    position: absolute;
    border-bottom: none;
    height: 80px;
    width: 80px;
}

.stockTopLink span {
	color: #fff;
    font-weight: 700;
    font-size: 20px;
    position: absolute;
    transform: rotate(-35deg);
    top: 5px;
    left: 1px;
    display: block;
	text-align: center;
}

.dopTovInfo {
	display: none;
	text-align: center;
	
}

.dopTovInfo i {

    display: inline-block;
    font-size: 14px;
    color: rgba(0,44,255,0.55);
    border: solid 1px rgba(0,44,255,0.3);
    width: 18px;
    height: 18px;
    line-height: 20px;
    text-align: center;
    top: 0;
	margin-right: 7px;

    position: relative;
    border-radius: 50%;
	font-style: normal;
	
}


.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -600deg);
  transform: rotate3d(0, 0, 1, -600deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  }
  @keyframes rotateIn {
  0% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: rotate3d(0, 0, 1, -600deg);
  transform: rotate3d(0, 0, 1, -600deg);
  opacity: 0;
  }
  100% {
  -webkit-transform-origin: center;
  transform-origin: center;
  -webkit-transform: none;
  transform: none;
  opacity: 1;
  }
  } 

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes tada {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  10%, 20% {
  -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }
  30%, 50%, 70%, 90% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }
  40%, 60%, 80% {
  -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  }
  @-webkit-keyframes rubberBand {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(.95, 1.05, 1);
  transform: scale3d(.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, .95, 1);
  transform: scale3d(1.05, .95, 1);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  }
  @keyframes rubberBand {
  0% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  30% {
  -webkit-transform: scale3d(1.25, 0.75, 1);
  transform: scale3d(1.25, 0.75, 1);
  }
  40% {
  -webkit-transform: scale3d(0.75, 1.25, 1);
  transform: scale3d(0.75, 1.25, 1);
  }
  50% {
  -webkit-transform: scale3d(1.15, 0.85, 1);
  transform: scale3d(1.15, 0.85, 1);
  }
  65% {
  -webkit-transform: scale3d(.95, 1.05, 1);
  transform: scale3d(.95, 1.05, 1);
  }
  75% {
  -webkit-transform: scale3d(1.05, .95, 1);
  transform: scale3d(1.05, .95, 1);
  }
  100% {
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  }
  } 


