/*
	by art-andre.ru
	13.07.2016
*/

@import url("fonts.css");

/* GENERAL STYLES */
body {
	font-family: "OpenSansRegular";
	color: #414141;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
}

h2{
	color: #333;
}

a,
a:hover,
a:active,
a:focus {
	outline: none;
	text-decoration: none;
	color: #333;
}

ul,
ol {
	list-style: none;
	padding: 0;
	margin: 0;
}

input:active,
input:focus,
select:active,
select:focus,
textarea:active,
textarea:focus,
button:active,
button:focus {
	outline: none;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin: 0;
}

button {
	padding: 0;
	background-color: transparent;
	border: none;
}

.titleBlock {
	margin: 0 auto;
	color: white;
	font-family: "OpenSansBold";
	line-height: 24px;
	text-align: center;
}

.titleBlock h1 {
	font-size: 48px;
}

.titleBlock p {
	margin-top: 20px;
	font-size: 18px;
}


/* BREADCRAUMBS */
.braedcrumbs {
	width: 100%;
	padding-left: 10px;
	position: relative;
}

.braedcrumbs a {
	margin-right: 40px;
	font-family: "UbuntuMedium";
	font-size: 14px;
	color: #fe9700;
	text-transform: none;
	position: relative;
	font-weight: bold;
}

.braedcrumbs a::after {
	content: " ";
	width: 3px;
	height: 3px;
	background-image: url(../img/braedcrambs-separator.png);
	background-repeat: no-repeat;
	position: absolute;
	right: -22px;
	top: 5px;
}

.braedcrumbs a:last-child {
	margin: 0;
	color: #404040;
	cursor: default;
}

.braedcrumbs a:last-child::after {
	content: " ";
	width: 0;
	height: 0;
}
/* =============== */

/* BREADCRAUMBS - нормально писать вот так BREADCRUMBS */
.breadcrumbs {
	width: 100%;
	padding-left: 10px;
	position: relative;
}
.breadcrumbs span{
	position: relative;
	font-size: 14px;
	font-family: "UbuntuMedium";
}
.breadcrumbs span a {
	margin-right: 40px;
	font-family: "UbuntuMedium";
	font-size: 14px;
	color: #fe9700;
	text-transform: none;
	position: relative;
	font-weight: bold;
}

.breadcrumbs span::after{
	content: " ";
	width: 3px;
	height: 3px;
	background-image: url(../img/braedcrambs-separator.png);
	background-repeat: no-repeat;
	position: absolute;
	right: 22px;
	top: 7px;
}

.breadcrumbs span:last-child a{
	margin: 0;
	color: #404040;
	cursor: default;
}

.breadcrumbs span:last-child::after {
	content: " ";
	width: 0;
	height: 0;
}
/* =============== */


/* PAGINATION */
.pagination>li>a,
.pagination>li>span {
	padding: 0 10px;
	color: #fe9700;
	background-color: transparent;
	border: none;
	font-family: "UbuntuMedium";
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover,
.pagination>.disabled>a,
.pagination>.disabled>a:focus,
.pagination>.disabled>a:hover,
.pagination>.disabled>span,
.pagination>.disabled>span:focus,
.pagination>.disabled>span:hover {
	color: #4a4a4a;
	background-color: transparent;
	border: none;
}

.showMoreButton a {
	color: #fe9700;
	font-size: 13px;
	font-family: "UbuntuMedium";
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.showMoreButton a:hover {
	color: #414141;
}
/* =============== */


/* BANNER */
.banner {
	width: 100%;
	height: 250px;
	margin-bottom: 20px;
	position: relative;
	color: #3f2a2e;
	display: inline-block;
	overflow: hidden;
}

.banner .hoverWrap {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(33, 33, 33, 0.5);
	opacity: 0;
	-webkit-transition: 400ms ease-out;
	transition: 400ms ease-out;
}

.banner:hover .hoverWrap {
	opacity: 1;
}

.bannerWhiteText:hover,
.bannerWhiteText {
	color: white;
}

.banner img {
	position: absolute;
	top: 50%;
	min-height: 100%;
	display: block;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
}

.banner h5 {
	font-family: "OpenSansBold";
	font-size: 24px;
	text-transform: uppercase;
	position: absolute;
	bottom: 20px;
	left: 20px;
}

.banner h5 i {
	font-size: 12px;
	position: absolute;
	right: -25px;
	top: 6px;
}
/* ============ */


/* WATCHED BLOG */
.watchedBlock {
	margin-top: 20px;
	margin-bottom: 45px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.watchedBlock p {
	margin-right: 30px;
	font-family: "UbuntuMedium";
	font-size: 13px;
	color: #c3c3c3;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.watchedBlock p i {
	margin-right: 10px;
	font-size: 16px;
}
/* ============== */


/* SOCIAL LINKS */
.socLinkBlock {
	margin-top: 35px;
}

.socLinkBlock ul li {
	margin-right: 20px;
	display: inline-block;
}

.socLinkBlock ul li a {
	color: #505050;
	font-size: 12px;
	font-family: "UbuntuRegular";
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.socLinkBlock ul li a img {
	width: 28px;
	height: 28px;
	margin-left: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.socLinkBlock ul li a:hover {
	color: #b9d400;
}

.socLinkBlock ul li a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
/* ============== */


/* HEADER */
#header {
	background-color: #c6c6c6;
}

#header .headerBlock {
	font-size: 14px;
	height: 44px;
	font-family: "OpenSansSemiBold";
	color: #040404;
	/*display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;*/
}

#header .headerPromotionBlock p {
	font-size: 12px;
	text-transform: uppercase;
	letter-spacing: 0.25px;
}

#header .headerBlock a {
	
	color: #040404;
}

#header .headerEnterBlock a img {
	margin-right: 5px;
}
/* =============== */


/* UNDERHEADER */
#underHeader {
	background-color: #fff;
	font-family: "UbuntuMedium";
}

#underHeader .underHeaderBlock {
	height: 116px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#underHeader .underHeaderBlock .devizBlock p {
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	letter-spacing: 0.25px;
}

#underHeader .underHeaderBlock .searchBlock {
	width: 430px;
	position: relative;
}

#underHeader .underHeaderBlock .searchBlock input {
	width: 100%;
	height: 50px;
	padding: 0 50px 0 40px;
	border: none;
	border-radius: 30px;
	background-color: #f5f5f5;
	color: #a7a7a7;
}

#underHeader .underHeaderBlock .searchBlock button {
	width: 21px;
	height: 21px;
	position: absolute;
	top: 14px;
	right: 26px;
}

#underHeader .underHeaderBlock .searchBlock .searchOpen {
	display: none;
}

.socialBlock ul li {
	margin: 0 5px;
	display: inline-block;
}

.socialBlock ul li a {
	padding-top: 3px;
	display: block;
	width: 30px;
	height: 30px;
	text-align: center;
	border: 2px solid #c6c6c6;
	color: #c6c6c6;
	border-radius: 50%;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

/*.socialBlock ul li a:hover {
	color: #fe9700;
	border-color: #fe9700;
}*/

.success-custom .socialBlock ul li a img{
	width: 30px;
}

.basketBlock {
	margin-right: 20px;
	position: relative;
}

.basketBlock .articleCount {
	width: 25px;
	height: 25px;
	line-height: 25px;
	background-color: #fe9700;
	border-radius: 50%;
	font-size: 12px;
	color: white;
	font-family: "UbuntuRegular";
	text-align: center;
	position: absolute;
	top: -8px;
	right: -17px;
}
/* =============== */


/* NAV BAR */
.navbar {
	width: 100%;
	height: 60px;
	margin: 0;
	border-radius: 0;
	border: none;
	position: relative;
	z-index: 1000;
}
.navbar #myNav {
	/*background-color: #b9d400;*/
}

#myNav {
	padding: 0;
	text-align: center;
}

.navbar .navbar-nav {
	float: none;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.navbar .navbar-nav li {
	width: 168px;
	position: relative;
	/*border-right: 1px solid #a2b901;
	border-left: 1px solid #cfea17;*/
}

/*.navbar .navbar-nav li:after {
	width: 1px;
	height: 80px;
	content: " ";
	position: absolute;
	top: 0;
	right: 0;
	border-right: 1px solid #cfea17;
}*/

.navbar .navbar-nav li:last-child,
.navbar .navbar-nav li:last-child:after {
	border-right: none;
}
.navbar .navbar-nav li:nth-child(1) {
	border-left: none;
}

.navbar .navbar-nav li a {
	height: 60px;
	padding: 0;
	color: #414141;
	font-size: 18px;
	font-family: "OpenSansBold";
	font-weight: bold;
	text-transform: uppercase;
	line-height: 60px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	white-space: nowrap;
}

.navbar .navbar-nav li a:hover {
	background-color: #acc501;
}

.navbar .navbar-nav li a:focus {
	text-decoration: none;
	background-color: transparent;
}

.navbar-toggle {
	border: none;
}

.navbar-toggle .icon-bar {
	background-color: black;
}

.subMenu {
	border-top: 5px solid transparent;
	position: absolute;
	top: 55px;
	z-index: 100;
	display: none;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	left:0;
}

.subMenuPosuda {
	left: -167px;
}

.subMenu .container {
	padding-top: 10px;
	padding-bottom: 15px;
	background-color: rgba(255, 255, 255, 0.95);
}

.subMenuBlock {
	height: 80px;
	padding-left: 50px;
}

.dropDown:hover .subMenu {
	display: block;
}

.subMenuBlock .teaBlock {
	margin-bottom: 5px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.subMenuBlock .teaBlock h6 {
	margin-left: 25px;
	font-family: "OpenSansSemiBold";
	font-size: 14px;
}

.navbar .navbar-nav li a.teaBlock:hover {
	background-color: transparent;
	color: #fe9700;
}

.subMenuBlock .teaBlock img {
	border-radius: 32px;
	-webkit-border-radius: 32px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	position: relative;
	display: inline-block;
}

.navbar .navbar-nav li a.teaBlock:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.mobileNavWrap {
	display: none;
}
/* =============== */


/* CONTENT */
/* index.html */
#main #section1 {
	background-image: url(../img/bg1.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#main #section1 .videoBlock {
	width: 800px;
	height: 100vh;
	margin: -50px auto 0;
	color: white;
	font-family: "OpenSansBold";
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#main #section1 .videoBlock h1 {
	margin-bottom: 30px;
	font-size: 42px;
	text-transform: uppercase;
}

#main #section1 .videoBlock p {
	margin-bottom: 40px;
	font-size: 18px;
}

#main #section1 .videoBlock .videoButtonWrap1 {
	width: 136px;
	height: 136px;
	border-radius: 50%;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	border: 3px solid transparent;
}

#main #section1 .videoBlock .videoButtonWrap1:hover {
	border: 3px solid rgba(246, 245, 245, 0.5);
}

#main #section1 .videoBlock .videoButtonWrap1:hover .videoButton {
	background-color: rgba(246, 245, 245, 0.5);
}

#main #section1 .videoBlock .videoButtonWrap1:hover .videoButtonWrap2 {
	border: 3px solid rgba(246, 245, 245, 0.5);
}

#main #section1 .videoBlock .videoButtonWrap1:hover .videoButton i {
	color: #fe9700;
}

#main #section1 .videoBlock .videoButtonWrap2 {
	width: 126px;
	height: 126px;
	margin: 2px auto 0;
	border-radius: 50%;
	border: 3px solid rgba(246, 245, 245, 0.4);
}

#main #section1 .videoBlock .videoButton {
	width: 106px;
	height: 106px;
	margin: 7px auto 0;
	border-radius: 50%;
	background-color: rgba(246, 245, 245, 0.4);
	line-height: 102px;
}

#main #section1 .videoBlock .videoButton i {
	margin-left: 5px;
	font-size: 24px;
	color: #b9d400;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#main #section2 {
	padding: 40px 0;
}

#main #section3 {
	padding: 40px 0;
}

#main #section3 h2 {
	margin-bottom: 60px;
	font-size: 36px;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	text-align: center;
}


.card {
	height: 500px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
}
.col-lg-9 .cardList .card{
	height: 500px;
}
.container-search .card{
	height: 500px;
}
@media screen and (max-width: 1199px) and (min-width: 768px) {
	.card {
		height: 500px;
	}
	
}
@media screen and (max-width: 1199px) and (min-width: 992px) {
	.col-lg-9 .cardList .card{
		height: 520px;
	}
	.container-search .card{
		height: 520px;
	}
}
@media screen and (max-width: 991px) {
	.col-lg-9 .cardList .card{
		height: 480px;
	}
}
@media screen and (max-width: 767px) {
	.col-lg-9 .cardList .card{
		height: 500px;
	}
	.cardsInSidebar .card{
		height: 500px;
	}
	.special-cus .card{
		height: 500px;
	}
}

.card .descriptionWrap {
	height: 310px;
	padding: 25px 30px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.card .descriptionBlock h4 {
	margin-bottom: 10px;
	font-size: 17px;
	font-family: "UbuntuRegular";
	display: block;
	height: 36px;
	overflow: hidden;
}

.card .descriptionBlock p {
	font-size: 13px;
	font-family: "UbuntuMedium";
	line-height: 18px;
	display: block;
	height: 54px;
	overflow: hidden;
}

.card .priceBlock .chooseBlock {
	margin-bottom: 25px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	position: relative;
}

.card .priceBlock .chooseBlock .chooseWeight {
	width: 118px;
	height: 34px;
	padding-left: 24px;
	border-radius: 15px;
	border: 1px solid #dedede;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	font-family: "GothamProRegular";
}

.card .priceBlock .chooseBlock .chooseWeight span {
	color: black;
	font-size: 13px;
	line-height: 32px;
}

.card .priceBlock .chooseBlock .chooseWeight i {
	position: absolute;
	right: 15px;
	top: 10px;
	font-size: 10px;
}

.card .priceBlock .chooseBlock .weightSelectBlock {
	width: 118px;
	padding-top: 3px;
	background-color: #fff;
	border: 1px solid #dedede;
	border-top: none;
	border-radius: 15px;
	position: absolute;
	left: 0px;
	top: 1px;
	display: none;
	z-index: 100;
}

.card .priceBlock .chooseBlock .weightSelectBlock p {
	padding: 5px 0 5px 24px;
	color: black;
	font-size: 13px;
	font-family: "GothamProRegular" !important;
	cursor: pointer;
	font-weight: normal;
}

.card .priceBlock .chooseBlock .weightSelectBlock p:hover {
	color: #fe9700;
}

.card .priceBlock .chooseBlock .weightSelectBlock p:last-child {
	/*border-top: 1px solid #dedede;*/
}

.card .priceBlock .chooseBlock p {
	font-size: 24px;
	font-family: PT Sans,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

.card .priceBlock a {
	width: 150px;
	height: 44px;
	margin: 0 auto;
	background-color: #ccdb38;
	border: 1px solid #dedede;
	display: block;
	border-radius: 30px;
	text-align: center;
	font-size: 13px;
	line-height: 40px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	color: black;
}

.card .priceBlock a:hover {
	background-color: #fe9700;
	color: white;
}

#main #section4 {
	padding: 40px 0 90px;
}

#main #section4 h2 {
	margin-bottom: 50px;
	font-size: 36px;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	text-align: center;
}

#main #section4 .mainBlog img {
	height: 410px;
	margin: 0 auto;
}

#main #section4 .blogDescription {
	font-family: "UbuntuRegular";
}

#main #section4 .blogDescriptionTags {
	margin-top: -8px;
	margin-bottom: 34px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#main #section4 .blogDescriptionTags p {
	color: #9e9e9e;
	text-transform: uppercase;
}

#main #section4 .titleLink a {
	margin-bottom: 20px;
	font-size: 20px;
	text-align: center;
	display: block;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#main #section4 .titleLink a:hover {
	color: #e98c04;
	text-decoration: underline;
}

#main #section4 .blogDescriptionText p,
#main #section4 .itemDescription p {
	font-size: 16px;
	color: black;
	line-height: 24px;
}

#main #section4 .blogDescriptionText .moreLink a,
#main #section4 .itemDescription .moreLink a {
	width: 150px;
	height: 44px;
	margin: 30px auto 0;
	display: block;
	border: 2px solid #d7e642;
	border-radius: 30px;
	text-align: center;
	line-height: 40px;
	color: black;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#main #section4 .blogDescriptionText .moreLink a:hover,
#main #section4 .itemDescription .moreLink a:hover {
	background-color: #fe9700;
	color: white;
	border: 2px solid #fe9700;
}

#main #section4 .blogItemsBlock {
	margin-top: 40px;
}

#main #section4 .blogItemsBlock .blogDescriptionTags {
	margin-top: 20px;
}

#main #section4 .itemDescription {
	margin-top: 40px;
	font-family: "UbuntuRegular";
}

#main #section4 .itemDescription h5 {
	margin-bottom: 20px;
	font-size: 20px;
}

#main #section5 {
	background-image: url(../img/bg5.jpg);
	background-size: cover;
	background-position: top center;
	background-repeat: no-repeat;
}

#main #section5 h2 {
	margin-bottom: 60px;
	color: white;
	font-size: 36px;
	font-family: "UbuntuMedium";
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
}

#main #section5 .tellFriends {
	width: 580px;
	height: 415px;
	margin: 0 auto;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#main #section5 .tellFriends ul {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

#main #section5 .tellFriends ul li a {
	color: white;
	font-size: 18px;
	font-family: "UbuntuRegular";
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#main #section5 .tellFriends ul li a img {
	margin-right: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#main #section5 .tellFriends ul li a:hover {
	color: #d7e642;
}

#main #section5 .tellFriends ul li a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#main #section6 {
	padding: 80px 0 40px 0;
}

#main #section6 h2 {
	font-size: 36px;
	font-family: "UbuntuMedium";
	line-height: 60px;
	text-align: center;
	text-transform: uppercase;
}

#main #section6 #slider {
	margin-top: 30px;
}

#main #section6 #slider .toolTip {
	width: 376px;
	padding: 25px 50px;
	margin: 0 auto;
	text-align: center;
	background-color: #f6f4f4;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.14);
	border-radius: 10px;
	font-family: "UbuntuRegular";
	line-height: 24px;
	position: relative;
}

#main #section6 #slider .toolTip:after {
	content: ' ';
	width: 22px;
	height: 14px;
	background-image: url(../img/tool-tip.png);
	position: absolute;
	bottom: -13px;
	left: calc(50% - 11px);
}

#main #section6 #slider img {
	width: 100px;
	height: 100px;
	margin: 45px auto 30px;
	border-radius: 50%;
	border: 3px solid #d7e642;
}

#main #section6 #slider h6 {
	font-family: "UbuntuMedium";
	font-size: 18px;
}

#main #section6 #slider p {
	margin-top: 6px;
	font-family: "OpenSansLight";
}
/* =============== */


/* category.html */
#category {
	background-color: #fff;
}

#category #section1 {
	height: 135px;
	background-size: cover;
	background-position: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#category #section1 .titleBlock {
	width: 820px;
}

#category #section2 {
	padding-top: 50px;
}
#category #section2 .categoryChooseWrap {
	border-bottom: 1px solid #f4f4f4;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-family: "UbuntuMedium";
	color: #3e3e3e;
	font-size: 13px;
}

#category #section3 {
	padding: 60px 0 40px;
}

.sideBar {
	width: 270px;
	border: 5px solid #f2f1f1;
	border-radius: 40px;
	background-color: #fff;
	position: relative;
	z-index: 10;
}

.sideBar ul li {
	padding-left: 25px;
	padding-right: 10px;
	border-bottom: 1px solid #f2f1f1;
	cursor: pointer;
	position: relative;
}

.sideBar ul li i {
	color: #d38c24;
	font-size: 12px;
	position: absolute;
	top: 2px;
	right: 20px;
}

.sideBar ul li i.arrowUp {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}

.sideBar ul li,
.sideBar ul li a {
	font-family: "OpenSansSemiBold";
	color: #3e3e3e;
	line-height: 70px;
}

.sideBar ul li:hover,
.sideBar ul li a:hover,
.sideBar ul li.active a {
	color: #b9c730;
}

.sideBar ul li.active,
.sideBar ul li.active a {
	font-family: "OpenSansBold";
}

.sideBar ul li ul {
	display: none;
}

.sideBar ul li ul li {
	padding-left: 0;
	cursor: default;
}

.sideBar ul li ul li .orangeCircle {
	width: 30px;
	height: 30px;
	border: 4px solid #f2f1f1;
	border-radius: 50%;
	background-color: #fe9700;
	color: white;
	font-size: 11px;
	line-height: 22px;
	text-align: center;
	position: absolute;
	right: 0;
	top: 20px;
}

#category article .col-lg-4 {
	padding-left: 7px;
	padding-right: 7px;
}

#category article .row {
	margin-left: -7px;
	margin-right: -7px;
}

#category #section3 .card {
	margin-bottom: 50px;
}

#category .showMoreButton {
	margin-top: -10px;
}
/* =============== */


/* library.html */
#library {
	padding-bottom: 100px;
}

#library #section1 {
	padding: 48px 0 38px;
}

#library .titleBlock {
	padding-top: 50px;
	border-top: 1px solid #f4f4f4;
}

#library .titleBlock h1 {
	font-family: "UbuntuMedium";
	font-size: 36px;
	color: #414141;
	text-transform: none;
	line-height: 1;
}

#library #section3 {
	margin-top: 85px;
}

#library #section3 .libraryCard {
	height: 480px;
	margin-bottom: 65px;
}

#library #section3 .libraryCard .socialBlock {
	margin-top: 20px;
	margin-bottom: 8px;
	text-align: right;
}

#library #section3 .libraryCard .socialBlock ul li:last-child {
	margin-right: 0;
}

#library #section3 .libraryCard .libraryTitle a {
	font-size: 20px;
	font-family: "UbuntuMedium";
	line-height: 24px;
	text-transform: uppercase;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#library #section3 .libraryCard a:hover {
	color: #fe9700;
}

#library #section3 .libraryCard p {
	margin-top: 20px;
	font-size: 15px;
	color: black;
	font-family: "UbuntuRegular";
	line-height: 24px;
}

#library #section4 .showMoreButton {
	margin-top: 35px;
}

#library #section4 .pagination {
	margin-top: 30px;
	margin-bottom: 0;
}
/* =============== */


/* library_internal.html */
#libraryInternal {
	padding-bottom: 55px;
}

#libraryInternal #section1 {
	height: 370px;
	background-image: url(../img/bg-category.jpg);
	background-size: cover;
	background-position: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#libraryInternal #section1 .titleBlock {
	width: 960px;
}

#libraryInternal #section2 {
	padding: 40px 0 38px;
}

#libraryInternal .libraryInternalButtonBlock {
	padding-top: 50px;
	border-top: 1px solid #f4f4f4;
}

#libraryInternal .libraryInternalButtonWrap {
	width: 870px;
	margin: 0 auto;
}

#libraryInternal .libraryInternalButtonWrap a {
	width: 204px;
	height: 37px;
	margin: 0 5px 18px;
	font-family: "UbuntuMedium";
	font-size: 13px;
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.14);
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#libraryInternal .libraryInternalButtonWrap a:hover {
	background-color: #f19747;
	color: white;
	box-shadow: none;
}

#libraryInternal .titleBlock {
	margin-top: 42px;
}

#libraryInternal .titleBlock h2 {
	font-size: 36px;
	font-family: "UbuntuMedium";
	color: #414141;
	text-transform: uppercase;
}

#libraryInternal #section3 .titleBlock p {
	margin-top: 70px;
	text-align: left;
	font-size: 16px;
	font-family: "UbuntuRegular";
	color: #414141;
	text-transform: none;
}

#libraryInternal .libraryInternalTextBlock {
	margin-top: 20px;
}

#libraryInternal .libraryInternalTextBlock ul {
	padding-left: 35px;
}

#libraryInternal .libraryInternalTextBlock li {
	position: relative;
}

#libraryInternal .libraryInternalTextBlock li:before {
	content: ' ';
	width: 6px;
	height: 6px;
	position: absolute;
	left: -20px;
	top: 9px;
	background-image: url(../img/list-green.png)
}

#libraryInternal .libraryInternalTextBlock p,
#libraryInternal .libraryInternalTextBlock li {
	margin-bottom: 30px;
	font-size: 15px;
	font-family: "UbuntuRegular";
	color: black;
	line-height: 24px;
}

.libraryInternalTextBlock p a {
	font-family: "UbuntuMedium";
	color: #a7be0a;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.libraryInternalTextBlock p a:hover {
	color: #fe9700;
}

#libraryInternal .libraryInternalTextBlock p i {
	font-style: normal;
}

#libraryInternal .libraryInternalTextBlock p u {
	text-decoration: none;
}

#libraryInternal .libraryInternalTextBlock h3 {
	margin: 30px 0;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	font-size: 30px;
}

#howToBrew {
	width: 790px;
	text-align: center;
}

#howToBrew tr {
	border-bottom: 1px solid #f4f4f4;
}

#howToBrew tr td {
	padding: 25px 0;
	border: none;
	vertical-align: middle;
}

#howToBrew tr td.tdPadding {
	padding-left: 25px;
	padding-right: 25px;
}

#howToBrew i {
	font-size: 36px;
}

#howToBrew p {
	margin: 0;
	color: #414141;
	font-size: 16px;
}

#howToBrew h5 {
	font-size: 16px;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	text-align: left;
}

.reviewsBlock {
	width: 670px;
	margin-left: 75px;
}

.reviewsWrap h4 {
	margin: 30px 0 30px;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
	font-size: 30px;
}

.enterCommentBlock {
	width: 100%;
	height: 80px;
	margin-bottom: 55px;
	border: 2px solid #d9d9d9;
	background-color: #f9fafa;
	border-radius: 40px;
	position: relative;
	overflow: hidden;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.enterCommentBlock .enterText {
	padding-top: 20px;
	padding-left: 40px;
	-webkit-box-flex: 2;
	-ms-flex-positive: 2;
	-webkit-flex-grow: 2;
	flex-grow: 2;
	-ms-flex-item-align: stretch;
	-webkit-align-self: stretch;
	align-self: stretch;
	border: none;
	background-color: transparent;
	resize: none;
	color: #35383d;
	font-family: "UbuntuRegular";
}

.enterCommentBlock .smilesBlock {
	width: 62px;
	height: 64px;
	border-left: 1px solid #d9d9d9;
	text-align: center;
	color: #fe9700;
	cursor: pointer;
	line-height: 64px;
	font-size: 22px;
}

.enterCommentBlock button {
	width: 64px;
	height: 76px;
	background-color: #ccdb38;
	color: #414141;
	font-size: 22px;
}

.oldRievewsBlock {
	margin-bottom: 25px;
	padding-bottom: 20px;
	border-bottom: 2px solid #e6e6e6;
}

.reviewsBlock .oldRievewsBlock:nth-last-of-type(2) {
	border: none;
}

.oldRievewsBlock .media img {
	border: 3px solid #e6e6e6;
}

.oldRievewsBlock .media-left {
	padding-right: 20px;
}

.oldRievewsBlock p {
	color: #35383d;
}

.oldRievewsBlock .likeBlock {
	margin-bottom: 15px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	font-family: "RobotoMedium";
}

.oldRievewsBlock .likeBlock p {
	font-size: 12px;
}

.oldRievewsBlock .likeBlock p span {
	color: #414141;
	font-family: "RobotoMedium";
	font-size: 12px;
}

.oldRievewsBlock .likeBlock a {
	font-size: 13px;
	font-family: "RobotoMedium";
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.oldRievewsBlock .likeBlock a:hover {
	text-decoration: underline;
}

.oldRievewsBlock .like {
	margin-right: 20px;
	font-family: "UbuntuRegular";
	font-size: 13px;
	color: #596379;
}

.oldRievewsBlock .like i {
	margin-left: 10px;
	font-size: 20px;
}

.oldRievewsBlock .likeBlock a.like:hover {
	color: #fe9700;
	text-decoration: none;
}

.oldRievewsBlock .disLike {
	margin-right: 50px;
	position: relative;
}

.oldRievewsBlock .disLike i {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
	position: absolute;
	top: -3px;
}

.oldRievewsBlock .shareBlock {
	margin-top: 25px;
}

.oldRievewsBlock .shareBlock a {
	color: #a9aaaa;
	font-size: 12px;
	font-family: "RobotoMedium";
}

.oldRievewsBlock .shareBlock a:hover {
	text-decoration: underline;
}

.oldRievewsBlock .mobileLikeBlock {
	margin-top: 25px;
	display: none;
}
/* ================= */


/* card.html */
#card {
	background-color: #fff;
}
#card .titleBlock h1 {
	margin-top: 20px;
	margin-bottom: 20px;
	font-size: 30px;
	color: #414141;
	font-family: "UbuntuMedium";
}

#card .cardBlock {
	width: 870px;
	margin: 0 auto;
}

#card .cardBlock .cardDescriptionBlock {
	font-family: "UbuntuRegular";
	font-size: 16px;
	line-height: 20px;
}

.starsBlock {
	margin-top: 25px;
}

.starsBlock ul,
.starsBlock ul li,
.starsBlock p {
	display: inline-block;
}

.starsBlock ul li {
	margin-right: 3px;
	color: #e4e4e4;
	font-size: 16px;
	cursor: pointer;
	-webkit-transition: all 300ms;
	transition: all 300ms
}

.starsBlock p {
	margin-left: 10px;
	font-family: "UbuntuMedium";
}

#card .weigthQntSelectBlock {
	margin-top: 25px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
}

#card .weigthQntSelectBlock .weigthSelect,
#card .weigthQntSelectBlock .qntSelect {
	margin-right: 20px;
	position: relative;
	display: inline-block;
}

#card .weigthQntSelectBlock .chooseWeight,
#card .weigthQntSelectBlock .qntSelect {
	width: 142px;
	height: 42px;
	padding-left: 28px;
	border-radius: 30px;
	border: 1px solid #dddddd;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	font-family: "GothamProRegular";
	color: black;
}

#card .weigthQntSelectBlock .chooseWeight span {
	color: black;
	font-size: 16px;
	line-height: 42px;
}

#card .weigthQntSelectBlock .chooseWeight i {
	position: absolute;
	right: 20px;
	top: 12px;
	font-size: 12px;
}

#card .weigthQntSelectBlock .weightSelectBlock {
	width: 142px;
	padding-top: 11px;
	background-color: #fff;
	border: 1px solid #dedede;
	border-top: none;
	border-radius: 15px;
	position: absolute;
	left: 0px;
	top: 4px;
	display: none;
}

#card .weigthQntSelectBlock .weightSelectBlock p {
	padding: 5px 0 5px 28px;
	color: black;
	font-size: 16px;
	font-family: "GothamProRegular";
	cursor: pointer;
}

#card .weigthQntSelectBlock .weightSelectBlock p:hover {
	color: #fe9700;
}

#card .weigthQntSelectBlock .qntSelect {
	width: 116px;
	padding: 0;
}

#card .weigthQntSelectBlock .chooseQnt {
	width: 100%;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	overflow: hidden;
}

#card .weigthQntSelectBlock .qntSelect input,
#card .weigthQntSelectBlock .qntSelect .qntMinus,
#card .weigthQntSelectBlock .qntSelect .qntPlus {
	width: 26px;
	font-size: 15px;
	line-height: 40px;
	text-align: center;
	border: none;
}

#card .weigthQntSelectBlock .qntSelect input {
	width: 30px;
	height: 40px;
}

#card .weigthQntSelectBlock .qntSelect .qntMinus,
#card .weigthQntSelectBlock .qntSelect .qntPlus {
	cursor: pointer;
	font-size: 18px;
}

#card .weigthQntSelectBlock .qntSelect .qntMinus:hover,
#card .weigthQntSelectBlock .qntSelect .qntPlus:hover {
	color: #fe9700;
}

#card .itemPriceBlock {
	margin-top: 35px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#card .itemPriceBlock p {
	margin-right: 23px;
	font-size: 30px;
	font-family: PT Sans,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

#card .itemPriceBlock a {
	width: 184px;
	height: 54px;
	background-color: #ccdb38;
	border: 1px solid #dedede;
	display: block;
	border-radius: 30px;
	text-align: center;
	font-size: 16px;
	font-family: "GothamProRegular";
	line-height: 55px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	color: black;
}

#card .itemPriceBlock a:hover {
	background-color: #fe9700;
	color: white;
}

#card .navButtonsBlock {
	margin-top: 55px;
	margin-bottom: 60px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
}

#card .navButtonsBlock a {
	width: 156px;
	height: 45px;
	margin: 0 5px;
	font-family: "GothamProRegular";
	font-size: 13px;
	color: black;
	background-color: #faf9f9;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 45px;
	box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.14);
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#card .navButtonsBlock a:hover {
	background-color: #f19747;
	color: white;
	box-shadow: none;
}

#card #section3 .container {
	padding-left: 30px;
}

#card #section3 h3 {
	margin-bottom: 50px;
	font-size: 31px;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
}

#card .cardsInSidebar h3 {
	text-align: center;
}

#card .cardsInSidebar .card {
	width: 256px;
	margin: 0 auto 30px;
}

#card .cardsInSidebar .card .descriptionWrap {
	height: 310px;
}

#card #section3 #teaDescription h3 {
	margin-top: 50px;
}

#card #section3 #teaDescription h3:first-child {
	margin-top: 0;
}

#card #itemHow {
	margin-top: 70px;
}

#card #section3 #teaDescription p {
	margin-bottom: 25px;
	font-size: 16px;
	font-family: "GothamProRegular";
}

#card #itemReviews {
	margin-top: 40px;
	float: left;
	width: 100%;
}
/* ============== */


/* blog.html */
#blog {
	padding-bottom: 100px;
}

#blog #section1 {
	padding: 48px 0 38px;
}

#blog .titleBlock {
	padding-top: 50px;
	padding-bottom: 60px;
	border-top: 1px solid #f4f4f4;
}

#blog .titleBlock h1 {
	font-family: "UbuntuMedium";
	font-size: 36px;
	color: #414141;
	text-transform: uppercase;
	line-height: 1;
}

#blog .blogImg {
	width: 100%;
	height: 410px;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

#blog .blogImg img {
	position: absolute;
	top: 50%;
	min-height: 100%;
	display: block;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
}

#blog .blogItem {
	margin-bottom: 70px;
}

#blog .blogDescriptionBlock .titleLink a {
	font-size: 20px;
	font-family: "UbuntuMedium";
	color: #414141;
	text-transform: uppercase;
	-webkit-transition: all 400ms;
	transition: all 400ms;
	line-height: 1;
}

#blog .blogDescriptionBlock .titleLink a:hover {
	color: #fe9700;
}

#blog .blogDescriptionBlock .textBlock {
	font-family: "UbuntuRegular";
	font-size: 16px;
}

#blog .blogDescriptionBlock .textBlock p {
	color: black;
	line-height: 24px;
}

#blog .blogDescriptionBlock .textBlock a {
	color: #fe9700;
}
/* =============== */


/* contacts.html */
#contacts {
	padding-bottom: 75px;
	font-family: "MyriadProRegular";
}

#contacts #section3 p,
#contacts #section5 p,
#contacts #section3 a {
	margin-bottom: 15px;
	font-size: 16px;
}

#contacts p span {
	font-family: "MyriadProSemiBold";
}

#contacts #section1 {
	padding: 0px 0 40px;
}

/*#contacts .titleBlock {
	padding-top: 50px;
	padding-bottom: 60px;
	border-top: 1px solid #f4f4f4;
}*/

#contacts .titleBlock h1 {
	font-family: "UbuntuMedium";
	font-size: 36px;
	color: #414141;
	text-transform: uppercase;
	line-height: 1;
}

#contacts #section3 {
	position: relative;
	z-index: 10;
	box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.5);
}

#contacts .addressWrap {
	width: 570px;
	margin: 0 auto;
	color: #292929;
}

#contacts .addressWrap i {
	margin-bottom: 15px;
	color: #fe9700;
	font-size: 20px;
	display: block;
}

#contacts .addressWrap .addressBlock,
#contacts .addressWrap .phoneBlock {
	margin-bottom: 40px;
}

#contacts .addressWrap .emailBlock {
	margin-bottom: 60px;
}

#contacts .addressWrap .emailBlock a {
	font-family: "MyriadProSemiBold";
	color: #b9d400;
}

#contacts .addressWrap .deliveryDescription {
	margin-bottom: 80px;
}

#map {
	width: 100%;
	height: 520px;
}

.gm-style-iw * {
	display: block;
	width: 100%;
}

.gm-style-iw h4,
.gm-style-iw p {
	margin: 0;
	padding: 0;
}

.gm-style-iw a {
	color: #4272db;
}

#contacts .requisitesBlock {
	margin: 50px auto 0;
	font-family: "MyriadProSemiBold";
}

#contacts #section6 .formBlock {
	width: 700px;
	margin: 0 auto;
}

#contacts #section6 .formBlock h2 {
	margin-top: 80px;
	margin-bottom: 65px;
	font-size: 30px;
	font-family: "UbuntuMedium";
	color: #434343;
	text-transform: uppercase;
}

#contacts #section6 .formBlock input {
	width: 100%;
	height: 48px;
	padding-left: 25px;
	margin-bottom: 25px;
	border: 2px solid #d9d9d9;
	background-color: #f9fafa;
	border-radius: 40px;
	color: #35383d;
	font-size: 14px;
	font-family: "UbuntuRegular";
}

#contacts #section6 .formBlock input::-webkit-input-placeholder {
	color: #35383d;
}

#contacts #section6 .formBlock input:-moz-placeholder {
	color: #35383d;
}

#contacts #section6 .formBlock input::-moz-placeholder {
	color: #35383d;
}

#contacts #section6 .formBlock input:-ms-input-placeholder {
	color: #35383d;
}

#contacts #section6 .formBlock .enterCommentBlock {
	margin-bottom: 0;
}
/* ================ */


/* personal_area.html */
#personalArea {
	font-family: "UbuntuMedium";
}

/*#personalArea #section1 {
	padding: 48px 0 38px;
}*/

#personalArea .titleBlock {
	padding-top: 50px;
	padding-bottom: 50px;
	border-top: 1px solid #f4f4f4;
}

#personalArea .titleBlock h1 {
	font-family: "UbuntuMedium";
	font-size: 36px;
	color: #414141;
	text-transform: uppercase;
	line-height: 1;
}

#personalArea .tabsBlock #personalData,
#personalArea .tabsBlock #myOrders,
#personalArea .tabsBlock #myBonuses,
#personalArea .tabsBlock #myLovedTea,
#personalArea .tabsBlock #addReview,
#personalArea .tabsBlock #calculationTea {
	padding-bottom: 100px;
}

#personalArea #myTabs {
	width: 870px;
	margin: 0 auto 20px;
	border: none;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#personalArea #myTabs>li {
	margin: 0;
	float: none;
}

#personalArea #myTabs>li>a {
	width: 206px;
	height: 37px;
	padding: 0;
	margin: 0 5px 18px;
	font-size: 13px;
	color: #414141;
	background-color: #fff;
	border-radius: 30px;
	display: inline-block;
	text-align: center;
	line-height: 36px;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.14);
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea #myTabs .buttonLg a {
	width: 278px;
}

#personalArea #myTabs>li.active>a,
#personalArea #myTabs>li.active>a:focus,
#personalArea #myTabs>li.active>a:hover,
#personalArea #myTabs>li>a,
#personalArea #myTabs>li>a:focus,
#personalArea #myTabs>li>a:hover {
	border: none;
}

#personalArea #myTabs>li.active>a,
#personalArea #myTabs>li>a:hover {
	background-color: #f19747;
	color: white;
	box-shadow: none;
}

#personalArea .personalDataFormBlock {
	width: 320px;
	margin: 0 auto;
	color: #232323;
	font-size: 13px;
}

#personalArea .personalDataFormBlock label {
	margin-bottom: 15px;
	font-weight: normal;
	display: block;
	text-transform: uppercase;
}

#personalArea .personalDataFormBlock input {
	width: 272px;
	height: 42px;
	padding-left: 15px;
	margin-bottom: 28px;
	border-radius: 20px;
	border: 1px solid #c5c5c5;
	font-size: 16px;
	font-family: "GothamProRegular";
}

#personalArea .personalDataFormBlock button {
	width: 182px;
	height: 50px;
	margin-top: 50px;
	background-color: #b9d400;
	color: #000;
	font-size: 16px;
	font-family: "GothamProRegular";
	border-radius: 30px;
	border: 1px solid #dedede;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea .personalDataFormBlock button:hover {
	background-color: #fe9700;
	color: white;
}

#personalArea .personalDataFormBlock .bornDateBlock {
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#personalArea .personalDataFormBlock .personalDataSelect {
	height: 34px;
	padding-left: 24px;
	border-radius: 20px;
	border: 1px solid #dddddd;
	background-color: transparent;
	position: relative;
	cursor: pointer;
	font-family: "GothamProRegular";
	color: black;
}

#personalArea .personalDataFormBlock .daySelect,
#personalArea .personalDataFormBlock .yearSelect,
#personalArea .personalDataFormBlock .daySelectBlock,
#personalArea .personalDataFormBlock .yearSelectBlock {
	width: 87px;
}

#personalArea .personalDataFormBlock .monthSelect,
#personalArea .personalDataFormBlock .monthSelectBlock {
	width: 123px;
}

#personalArea .personalDataFormBlock .monthSelect {
	margin: 0 5px;
}

#personalArea .personalDataFormBlock .personalDataSelect span {
	color: black;
	font-size: 13px;
	line-height: 34px;
}

#personalArea .personalDataSelect i {
	position: absolute;
	right: 20px;
	top: 10px;
	font-size: 8px;
}

#personalArea .personalDataFormBlock .personalDataSelectBlock {
	padding-top: 11px;
	background-color: #fff;
	border: 1px solid #dedede;
	border-top: none;
	border-radius: 15px;
	position: absolute;
	left: -1px;
	top: 1px;
	z-index: 10;
	display: none;
}

#personalArea .personalDataFormBlock .personalDataSelectBlock p {
	padding: 2px 0 2px 24px;
	color: black;
	font-size: 13px;
	font-family: "GothamProRegular";
	cursor: pointer;
}

#personalArea .personalDataFormBlock .personalDataSelectBlock p:hover {
	color: #fe9700;
}

#personalArea .personalDataFormBlock .personalDataSocialBlock {
	margin-top: 38px;
}

#personalArea .personalDataFormBlock .personalDataSocialBlock p {
	font-size: 13px;
	font-family: "OpenSansRegular";
	color: #232323;
	text-transform: uppercase;
}

#personalArea .personalDataFormBlock .personalDataSocialBlock ul {
	margin-top: 25px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#personalArea .personalDataFormBlock .personalDataSocialBlock ul li a img {
	width: 28px;
	height: 28px;
	margin-right: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea .personalDataFormBlock .personalDataSocialBlock ul li a:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

#personalArea .reviewsBlock {
	width: 670px;
	margin: 0 auto;
}

#personalArea .reviewsBlock .oldRievewsBlock:nth-last-of-type(2) {
	border-bottom: 2px solid #e6e6e6;
}

#personalArea #myOrders table {
	font-size: 13px;
	color: #3c3839;
	font-family: "UbuntuMedium";
	text-transform: uppercase;
}
#personalArea #myOrders table .price{
	font-family:PT Sans,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

#personalArea #myOrders table td {
	padding: 25px;
	border: none;
	vertical-align: middle;
}

#personalArea #myOrders table td span {
	font-size: 19px;
	font-family: "GothamProRegular";
	color: #3e3e3e;
	text-transform: none;
}

#personalArea #myOrders table td .myOrderStatus a {
	width: 118px;
	height: 37px;
	line-height: 38px;
	border-radius: 20px;
	display: block;
	text-transform: none;
	font-family: "UbuntuRegular";
	font-size: 14px;
	color: #414141;
	cursor: not-allowed;
}

#personalArea #myOrders table td .myOrderStatusBuy a {
	background-color: #b9d400;
	cursor: pointer;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea #myOrders table td .myOrderStatusBuy a:hover {
	background-color: #fe9700;
	color: white;
}

#personalArea #myOrders table td .myOrderStatusDesable a {
	background-color: #e5e5e5;
}

#personalArea #myOrders table td .myOrderStatusPaid a {
	background-color: #f19747;
	color: white;
}

#personalArea #myOrders table tr:nth-of-type(even) {
	background-color: #fbfbfb;
}

#personalArea #myOrders table tr:nth-of-type(odd) {
	background-color: #fefdfd;
}

#personalArea #myOrders table tr:first-child td {
	font-size: 12px;
	padding-top: 0;
	background-color: #fff;
}

#personalArea .personalDataAddressForm .addressRow {
	margin-bottom: 40px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-align-items: flex-end;
	-webkit-box-align: end;
	-ms-flex-align: end;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	color: #3e3e3e;
}

#personalArea .personalDataAddressForm .addressRowLast {
	margin-bottom: 0;
}

#personalArea .personalDataAddressForm button {
	width: 182px;
	height: 50px;
	margin-top: 50px;
	background-color: #b9d400;
	color: #000;
	font-size: 16px;
	font-family: "GothamProRegular";
	border-radius: 30px;
	border: 1px solid #dedede;
	float: right;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea .personalDataAddressForm button:hover {
	background-color: #fe9700;
	color: white;
}

#personalArea #section3 .myAddressWrap {
	padding-bottom: 50px;
	position: relative;
	z-index: 10;
	box-shadow: 0px 3px 5px -2px rgba(0, 0, 0, 0.5);
}

#personalArea .personalDataAddressForm .addAddress {
	margin-top: 10px;
	margin-left: 25px;
	font-size: 13px;
	color: #f19747;
	display: inline-block;
}

#personalArea .personalDataAddressForm label {
	margin-bottom: 25px;
	display: block;
}

#personalArea .personalDataAddressForm input {
	margin-right: 20px;
	padding-left: 28px;
	height: 49px;
	border: 1px solid #ececec;
	border-radius: 30px;
	font-size: 13px;
}

#personalArea .personalDataAddressForm .cityBlock input {
	width: 494px;
}

#personalArea .personalDataAddressForm .houseBlock input {
	width: 84px;
}

#personalArea .personalDataAddressForm .closeButton {
	width: 24px;
	height: 24px;
	padding-top: 1px;
	margin-bottom: 12px;
	border-radius: 50%;
	background-color: #f19747;
	color: white;
	text-align: center;
	font-size: 10px;
}

#personalArea .mapBlock {
	width: 100%;
	height: 520px;
	background-image: url(../img/map.jpg);
	background-size: cover;
	background-position: center;
}

#personalArea .myBonusesBlock {
	color: #3c3839;
}

#personalArea .myBonusesBlock h2 {
	font-size: 26px;
	text-align: center;
	text-transform: uppercase;
}

#personalArea .bonusLineBlock {
	width: 960px;
	margin: 40px auto 0;
	position: relative;
}

#personalArea .bonusInfoRow {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

#personalArea .bonusLineBlock .bonusInfoRowMobile {
	display: none;
}

#personalArea .bonusLineBlock p {
	font-size: 13px;
}

#personalArea .bonusLineBlock p i {
	color: transparent;
	cursor: default;
}

#personalArea .bonusLineBlock p span {
	width: 16px;
	height: 16px;
	margin-left: 10px;
	display: inline-block;
	text-align: center;
	background-color: #f0f0f0;
	border-radius: 50%;
	cursor: pointer;
}

#personalArea .bonusLine {
	width: 100%;
	height: 14px;
	margin: 20px 0;
	border-radius: 7px;
	background-color: #f19747;
	text-align: center;
	color: white;
	line-height: 12px;
}

#personalArea .myLovedTeaForm .myLovedTEaWrap {
	padding-left: 70px;
	margin: 0 auto 20px;
}

#personalArea .myLovedTeaForm .openTeaList {
	margin-bottom: 5px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	color: #414141;
}

#personalArea .myLovedTeaForm .openTeaList img {
	width: 64px;
	height: 64px;
	border-radius: 50%;
}

#personalArea .myLovedTeaForm .openTeaList h6 {
	margin: 0 10px 0 25px;
	font-size: 14px;
	text-transform: uppercase;
	font-family: "OpenSansSemiBold"
}

#personalArea .myLovedTeaForm .openTeaList:hover h6 {
	text-decoration: underline;
}

#personalArea .myLovedTeaForm .openTeaList i {
	font-size: 10px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea .myLovedTeaForm .openTeaList.active {
	color: #f19747;
}

#personalArea .myLovedTeaForm .openTeaList.active i {
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

#personalArea .myLovedTeaForm .lovedTeaList {
	padding-left: 90px;
	display: none;
}

#personalArea .myLovedTeaForm .lovedTeaList li {
	margin-bottom: 18px;
}

#personalArea .myLovedTeaForm .lovedTeaList input[type=checkbox] {
	display: none;
}

#personalArea .myLovedTeaForm .lovedTeaList label {
	margin-bottom: 0;
	font-size: 13px;
	color: #2b2b2b;
	font-weight: normal;
}

#personalArea .myLovedTeaForm .lovedTeaList input[type=checkbox] + label span {
	width: 19px;
	height: 17px;
	margin-right: 15px;
	margin-bottom: -2px;
	background-position: 0 top;
	cursor: pointer;
	display: inline-block;
}

#personalArea .myLovedTeaForm .lovedTeaList input[type=checkbox] + label span {
	background-image: url(../img/checkbox.png);
}

#personalArea .myLovedTeaForm .lovedTeaList input[type=checkbox]:checked + label span {
	background-image: url(../img/checkbox.png);
	background-position: 19px top;
}

#personalArea .myLovedTeaForm button {
	width: 182px;
	height: 50px;
	margin-top: 50px;
	margin-right: 140px;
	background-color: #b9d400;
	color: #000;
	font-size: 16px;
	font-family: "GothamProRegular";
	border-radius: 30px;
	border: 1px solid #dedede;
	float: right;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#personalArea .myLovedTeaForm button:hover {
	background-color: #fe9700;
	color: white;
}

#personalArea #calculationTea .calculationTitle {
	font-size: 26px;
	color: #414141;
	text-transform: uppercase;
	text-align: center;
}

#personalArea #calculationTea .calculationTeaBlock h3 {
	margin-top: 80px;
	margin-bottom: 40px;
	text-transform: uppercase;
	text-align: center;
}

#personalArea #calculationTea .calculationTeaBlock ul {
	text-align: center;
}

#personalArea #calculationTea .calculationTeaBlock ul li {
	width: 83px;
	margin: 0 20px;
	display: inline-block;
}

#personalArea #calculationTea .calculationTeaBlock input[type=radio],
#personalArea #calculationTea .calculationTeaBlock input[type=checkbox] {
	display: none;
}

#personalArea #calculationTea .calculationTeaBlock label {
	margin-bottom: 0;
	font-size: 18px;
	color: #575656;
	font-weight: normal;
}

#personalArea #calculationTea .calculationTeaBlock input[type=radio] + label span {
	width: 31px;
	height: 31px;
	margin-bottom: 10px;
	background-position: 0 top;
	cursor: pointer;
	display: inline-block;
}

#personalArea #calculationTea .calculationTeaBlock input[type=radio] + label span {
	background-image: url(../img/radio.png);
}

#personalArea #calculationTea .calculationTeaBlock input[type=radio]:checked + label span {
	background-image: url(../img/radio.png);
	background-position: 31px top;
}

#personalArea #calculationTea .calculationTeaBlock .whichFlavors ul li {
	margin: 0 22px;
}

#personalArea #calculationTea .calculationTeaBlock input[type=checkbox] + label span {
	width: 23px;
	height: 22px;
	margin-bottom: 10px;
	background-position: 0 top;
	cursor: pointer;
	display: inline-block;
}

#personalArea #calculationTea .calculationTeaBlock input[type=checkbox] + label span {
	background-image: url(../img/checkbox-flavors.png);
}

#personalArea #calculationTea .calculationTeaBlock input[type=checkbox]:checked + label span {
	background-image: url(../img/checkbox-flavors.png);
	background-position: 23px top;
}

#personalArea #calculationTea .calculationTeaBlock .calculationTotal h3 span {
	color: #ccdb38;
	font-weight: bold;
}
/* ==================== */


/* shop.html */
#shop {
	padding-bottom: 100px;
	background-color: #fff;
}

#shop #section1-1 {
	height: 0px;
	background-size: cover;
	background-position: center;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

#shop #section2 {
	padding-top: 35px;
}

#shop #section2 .shopBreadcrumbsWrap {
	padding-bottom: 40px;
	border-bottom: 1px solid #f4f4f4;
}

#shop #section3 {
	padding-top: 55px;
}
/* =================== */


/* blog_article.html */
#blogArticle {
	padding-bottom: 80px;
}

#blogArticle #section1 {
	padding: 48px 0 38px;
}

#blogArticle .titleBlock {
	padding-top: 50px;
	padding-bottom: 60px;
	border-top: 1px solid #f4f4f4;
}

#blogArticle .titleBlock h1 {
	font-family: "UbuntuMedium";
	font-size: 36px;
	color: #414141;
	text-transform: uppercase;
	line-height: 1;
}

#blogArticle .imgBlock {
	width: 100%;
	height: 410px;
	margin-bottom: 30px;
	position: relative;
	display: inline-block;
	overflow: hidden;
}

#blogArticle .imgBlock img {
	position: absolute;
	top: 50%;
	min-height: 100%;
	display: block;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	min-width: 100%;
}

#blogArticle .textBlock p {
	margin-bottom: 20px;
	font-size: 16px;
	font-family: "UbuntuRegular";
	line-height: 1.3;
}

#blogArticle .watchedBlock {
	margin-bottom: 35px;
}

#blogArticle .goToBlog {
	text-align: center;
	margin-top: 90px;
}

#blogArticle .goToBlog a {
	font-size: 13px;
	font-family: "UbuntuMedium";
	color: #fe9700;
}

#blogArticle .goToBlog a i {
	color: #414141;
}
/* =================== */


/* FOOTER */
#footer {
	background-color: #353535;
	border-top: 7px solid #ccdb38;
}

#footer .footerBlock {
	padding: 50px 105px;
}

#footer {
	font-family: "UbuntuRegular";
	text-align: center;
}

#footer h4 {
	margin-bottom: 18px;
	font-size: 16px;
	color: #6c6c6c;
	text-transform: uppercase;
}

#footer ul li {
	margin-bottom: 8px;
}

#footer ul li a {
	color: #cbcbcb;
}

#footer .footerItem ul li a:hover {
	color: #fe9700;
}

#underFooter {
	background-color: #313131;
}

#underFooter .copyRightBlock {
	padding: 30px 0;
	font-size: 13px;
	color: #5e5e5e;
}
/* ============== */


/* MOBILE FOOTER */
#footer .mobilFooter .accordionBlock {
	margin-left: -15px;
	margin-right: -15px;
}

#footer .mobilFooter .accordion {
	width: 100%;
	height: 80px;
	padding: 0 50px;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	border-top: 1px solid #636363;
}

#footer .mobilFooter .accordion:first-child {
	border: none;
}

#footer .mobilFooter .accordion h4,
#footer .mobilFooter .accordion ul li a {
	margin: 0;
	color: #e4e4e4;
}

#footer .mobilFooter .panel ul {
	text-align: left;
	padding-left: 60px;
}

#footer .mobilFooter .panel ul li {
	margin-bottom: 30px;
}

#footer .mobilFooter .panel {
	margin: 0;
	padding: 0 25px;
	max-height: 0;
	overflow: hidden;
	background-color: transparent;
	-webkit-transition: 0.6s ease-in-out;
	transition: 0.6s ease-in-out;
	opacity: 0;
}

#footer .mobilFooter .panel.show {
	opacity: 1;
	max-height: 500px;
}
/* =============== */


/* OWL-CAROUSEL */
#slider.owl-carousel .item {
	text-align: center;
}

.owl-carousel .owl-nav .owl-prev,
.owl-carousel .owl-nav .owl-next {
	position: absolute;
	top: 30%;
	opacity: 1;
	font-size: 50px;
	color: #f3efe9;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.owl-carousel .owl-nav .owl-prev:hover,
.owl-carousel .owl-nav .owl-next:hover {
	color: #ccdb38;
}

.owl-carousel .owl-nav .owl-prev {
	left: -75px;
}

.owl-carousel .owl-nav .owl-next {
	right: -75px;
}

.owl-carousel .owl-dots {
	margin-top: 70px;
	text-align: center;
	-webkit-tap-highlight-color: transparent;
}

.owl-carousel .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
}

.owl-carousel .owl-dots .owl-dot span {
	width: 8px;
	height: 8px;
	margin: 5px 3px;
	background: transparent;
	display: block;
	border: 1px solid #c1c1c1;
	border-radius: 30px;
}

.owl-carousel .owl-dots .owl-dot.active span,
.owl-carousel .owl-dots .owl-dot:hover span {
	background: #ccdb38;
	border: 1px solid #ccdb38;
}
/* ==================== */


/* POPUPS */
.myPopup {
	margin: 0 auto;
	padding: 25px 0;
	background-color: #fff;
	box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.14);
	border-radius: 20px;
	position: relative;
	font-family: "UbuntuMedium";
}

.myPopup .closePopup {
	font-size: 11px;
	color: #dedede;
	position: absolute;
	top: 20px;
	right: 20px;
	-webkit-transition: all 300ms;
	transition: all 300ms;
}

.myPopup .closePopup:hover {
	color: #414141;
}

.myPopup h3 {
	margin-bottom: 35px;
	font-size: 16px;
	color: #232323;
	text-transform: uppercase;
}

.myPopup form .formWrap {
	width: 100%;
	padding-right: 54px;
	text-align: right;
}

.myPopup label {
	margin-right: 25px;
	font-size: 13px;
	color: #575656;
	text-transform: uppercase;
	font-weight: normal;
}

.myPopup input,
.myPopup textarea {
	width: 272px;
	height: 42px;
	margin-bottom: 28px;
	padding-left: 25px;
	background-color: #fff;
	border: 2px solid #c5c5c5;
	border-radius: 45px;
	color: #575656;
	font-size: 18px;
}

.myPopup input::-webkit-input-placeholder {
	color: #575656;
}

.myPopup input:-moz-placeholder {
	color: #575656;
}

.myPopup input::-moz-placeholder {
	color: #575656;
}

.myPopup input:-ms-input-placeholder {
	color: #575656;
}

.myPopup form button {
	width: 226px;
	height: 48px;
	margin: 30px auto 0;
	color: #393939;
	font-size: 13px;
	font-family: "OpenSansRegular";
	background-color: #ccdb38;
	border-radius: 30px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

.myPopup form button:hover {
	background-color: #fe9700;
	color: white;
}

.myPopup.warningForm input {
	border-color: #f36565;
}

.myPopup .warningBlock {
	margin: 10px 0 25px;
	color: #f36565;
	font-size: 13px;
	font-family: "OpenSansRegular";
	display: none;
}
/* ============ */


/* товар добавлен в корзину */
#articleAddInBascet {
	width: 690px;
}

#articleAddInBascet h3,
#articleAddInBascet .allYourArticles {
	padding-left: 40px;
}

#articleAddInBascet .allYourArticles {
	padding-bottom: 25px;
	font-size: 13px;
	font-family: "OpenSansSemiBold";
	color: #575656;
	border-bottom: 1px solid #e4e4e4;
}

#articleAddInBascet .allYourArticles a {
	margin-left: 7px;
	color: #5088e4;
}

#articleAddInBascet ul li {
	padding: 13px 23px 13px 40px;
	border-bottom: 4px solid #ededed;
}

#articleAddInBascet ul li .articleImgBlock {
	float: left;
}

#articleAddInBascet ul li .articleImgBlock img {
	width: 125px;
	height: 115px;
}

#articleAddInBascet ul li .articleTitleBlock {
	width: 260px;
	margin-left: 37px;
	float: left;
}

#articleAddInBascet ul li .articleTitleBlock h6 {
	margin: 15px 0;
	font-family: "UbuntuRegular";
	font-size: 15px;
	text-transform: uppercase;
}

#articleAddInBascet ul li .articleTitleBlock p {
	font-size: 13px;
	line-height: 18px;
}

#articleAddInBascet ul li .articlePriceBlock {
	width: 130px;
	float: right;
}

#articleAddInBascet ul li .articlePriceBlock p {
	margin: 15px 0 10px;
	font-size: 13px;
}

#articleAddInBascet ul li .articlePriceBlock p span {
	font-size: 16px;
}

#articleAddInBascet ul li .articlePriceBlock h4 {
	font-size: 24px;
	font-family:PT Sans,Helvetica,Arial,sans-serif !important;
	font-weight: bold;
}

#articleAddInBascet .buttonsBlock {
	padding: 25px 23px 0 40px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#articleAddInBascet .buttonsBlock a {
	font-size: 13px;
}

#articleAddInBascet .buttonsBlock .continueButton a {
	color: #5088e4;
	text-transform: uppercase;
}

#articleAddInBascet .buttonsBlock .checkoutButton a {
	width: 226px;
	height: 46px;
	background-color: #ccdb38;
	border-radius: 30px;
	color: #383838;
	font-family: "OpenSansRegular";
	display: inline-block;
	text-align: center;
	color: #383838;
	line-height: 46px;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#articleAddInBascet .buttonsBlock .checkoutButton a:hover {
	background-color: #fe9700;
	color: white;
}
/* ============== */


/* поиск товаров */
#searchActive {
	width: 430px;
	padding-top: 0;
}

#searchActive ul li {
	padding: 15px 10px 15px 40px;
	border-bottom: 1px solid #ededed;
}

#searchActive ul li:last-child {
	border: none;
}

#searchActive ul li .articleImgBlock,
#searchActive ul li .articleTitleBlock {
	float: left;
}

#searchActive ul li .articleImgBlock img {
	width: 82px;
	height: 56px;
}

#searchActive ul li .articleTitleBlock {
	margin-left: 20px;
}

#searchActive ul li .articleTitleBlock h6 {
	margin: 10px 0;
	font-size: 13px;
	color: #575757;
	text-transform: uppercase;
}

#searchActive ul li .articleTitleBlock h4 {
	font-family: "UbuntuBold";
	font-size: 18px;
}

#searchActive .showMoreBlock {
	margin-top: 20px;
	font-family: "RobotoMedium";
}

#searchActive .showMoreBlock p a {
	margin-left: 7px;
	color: #5088e4;
	text-decoration: underline;
}
/* ============== */


/* корзина */
#basket {
	width: 100%;
	padding: 0px 10px 50px 10px;
}

#basket h5 {
	color: #3c3c3c;
	font-size: 12px;
	font-family: "UbuntuBold";
	text-transform: uppercase;
}

#basket .basketHeaderBlock {
	margin-left: 90px;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#basket .basketHeaderBlock h5 {
	margin-right: 60px;
}

#basket .basketHeaderBlock a {
	width: 162px;
	height: 48px;
	border-radius: 30px;
	line-height: 48px;
	color: #4e4e4e;
	font-family: "OpenSansRegular";
	font-size: 13px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#basket .basketHeaderBlock .orderReadyButton a {
	margin-right: 10px;
	background-color: #ccdb38;
}

#basket .basketHeaderBlock .deferredItemsButton a {
	background-color: #ececec;
}

#basket .basketHeaderBlock a:hover {
	background-color: #fe9700;
	color: white;
}

#basket table {
	margin-top: 10px;
	margin-bottom: 0;
}

#basket table tr {
	border: 1px solid #f0f0f0;
}

#basket table tr.spaceBetween td {
	padding: 5px 0;
}

#basket table tr.spaceBetween,
#basket table tr:first-child,
#basket table tr td {
	border: none;
}

#basket table td {
	padding: 30px 10px;
	vertical-align: middle;
	text-align: center;
	position: relative;
}

#basket table td img {
	width: 128px;
	height: 90px;
}

#basket table td h6 {
	/*width: 200px;*/
	font-size: 13px;
	color: #575757;
	text-transform: uppercase;
	text-align: left;
}

#basket table td p {
	color: #4e4e4e;
	font-size: 18px;
	font-family: "UbuntuRegular";
}

#basket table td .qntBlock {
	width: 84px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}

#basket table td .qntBlock .qntMinus,
#basket table td .qntBlock .qntPlus {
	color: #cdcdcf;
	font-size: 28px;
	cursor: pointer;
	font-family: "OpenSansRegular";
}

#basket table td .qntBlock input {
	width: 30px;
	height: 30px;
	margin: 0 10px;
	padding: 0;
	background-color: #f1f1f1;
	border-radius: 4px;
	font-size: 13px;
	color: #3f3f3f;
	line-height: 40px;
	text-align: center;
	border: none;
}

#basket table td h4 {
	width: 150px;
	margin: 0 auto;
	font-size: 23px;
	color: #4e4e4e;
}

/*#basket table td a {
	color: #3388b0;
	font-size: 12px;
	font-family: "OpenSansRegular";
	position: absolute;
	bottom: 10px;
	right: 10px;
}*/

/*#basket table td a img {
	width: 18px;
	height: 14px;
	margin-right: 15px;
}*/

#basket .totalBlock {
	margin: 50px 0;
	font-size: 23px;
	color: #4e4e4e;
}

#basket .basketFooterBlock {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-align-items: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: end;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

#basket .basketFooterBlock a {
	width: 196px;
	height: 48px;
	border-radius: 30px;
	line-height: 48px;
	color: #383838;
	font-family: "OpenSansRegular";
	font-size: 13px;
	display: inline-block;
	text-align: center;
	-webkit-transition: all 400ms;
	transition: all 400ms;
}

#basket .basketFooterBlock .buyOneClickButton a {
	margin-right: 25px;
	background-color: #ccdb38;
}

#basket .basketFooterBlock .checkoutButton a {
	background-color: #a2b901;
}

#basket .basketFooterBlock a:hover {
	background-color: #fe9700;
	color: white;
}
/* ============== */


/* купить в 1 клик */
#buyOneClick {
	width: 440px;
	padding: 30px 0;
}

#buyOneClick form p {
	padding: 0 60px;
	color: #575656;
	font-size: 13px;
	font-family: "UbuntuRegular";
	line-height: 20px;
}
/* ============== */


/* оформить заказ */
#checkOut {
	width: 914px;
	padding: 40px 40px 50px;
}

#checkOut h3 {
	margin-bottom: 50px;
	text-align: center;
}

#checkOut form .inputsBlock {
	padding: 0 30px 0 10px;
	text-align: right;
}

#checkOut form .textareasBlock {
	padding-right: 30px;
	text-align: right;
}

#checkOut form .textareasBlock textarea {
	height: 70px;
	margin-bottom: 0;
	resize: none;
	vertical-align: middle;
}

#checkOut form .textareasBlock label {
	vertical-align: middle;
}

#checkOut form .radioBlock {
	margin-top: 70px;
}

#checkOut form .radioBlock:nth-of-type(4) {
	margin-top: 0;
}

#checkOut form .radioBlock .radioWrap {
	margin-bottom: 40px;
	padding-right: 0;
}

#checkOut form .radioBlock input {
	width: 22px;
	height: 22px;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 20px;
	vertical-align: top;
}

#checkOut form .radioBlock label {
	margin: 0;
}

#checkOut form .radioBlock label span {
	margin-top: 10px;
	font-size: 15px;
	font-family: "UbuntuBold";
	display: block;
}

#checkOut form .radioBlock h5 {
	margin-bottom: 30px;
	color: #575656;
	font-size: 15px;
	font-family: "UbuntuBold";
	text-transform: uppercase;
}

#checkOut form .cuponInput {
	margin-top: 50px;
}

#checkOut form .cuponInput input {
	width: 226px;
	height: 48px;
	background-color: #f2f1f1;
	border-radius: 5px;
	border: none;
	font-size: 12px;
	font-family: "OpenSansRegular";
}

#checkOut form .cuponInput input::-webkit-input-placeholder {
	color: #a0a0a0;
}

#checkOut form .cuponInput input:-moz-placeholder {
	color: #a0a0a0;
}

#checkOut form .cuponInput input::-moz-placeholder {
	color: #a0a0a0;
}

#checkOut form .cuponInput input:-ms-input-placeholder {
	color: #a0a0a0;
}

#checkOut form .totalPriceWithDeliveryBlock {
	margin-top: 25px;
	text-align: right;
	color: #4e4e4e;
}

#checkOut form .totalPriceWithDeliveryBlock p {
	font-size: 18px;
}

#checkOut form .totalPriceWithDeliveryBlock h5 {
	margin-top: 15px;
	font-size: 23px;
}

#checkOut form .totalPriceWithDeliveryBlock button {
	margin-top: 50px;
}
/* ============== */


/* Войти */
#userEnter {
	width: 440px;
}

#userEnter h3 {
	text-align: center;
}

#userEnter form .forgotLink {
	margin-top: -13px;
}

#userEnter form .forgotLink a {
	color: #5088e4;
	font-size: 13px;
	text-transform: uppercase;
}

#userEnter form .enterButtonBlock button {
	width: 118px;
	margin-right: 20px;
	margin-top: 10px;
}

#userEnter form .enterButtonBlock a {
	color: #5088e4;
	font-size: 13px;
	font-family: "OpenSansRegular";
}

#userEnter .socLinkBlock {
	margin-top: 30px;
	margin-left: 113px;
}

#userEnter .socLinkBlock p {
	margin-bottom: 23px;
	font-size: 13px;
	color: #232323;
	font-family: "OpenSansRegular";
}

#userEnter .socLinkBlock ul li {
	display: inline-block;
}

#userEnter .socLinkBlock ul li img {
	width: 28px;
	height: 28px;
	margin-right: 10px;
}
/* ============== */


/* восстановление пароля */
#pswRecovery {
	width: 440px;
}

#pswRecovery h3 {
	margin-bottom: 25px;
	text-align: center;
}

#pswRecovery p {
	margin-bottom: 30px;
	padding: 0 30px;
	text-align: center;
	font-size: 13px;
	font-family: "OpenSansRegular";
	color: #383838;
}

#pswRecovery form input {
	font-size: 13px;
	color: #484747;
}

#pswRecovery form .recoveryButtonBlock button {
	width: 166px;
	margin-right: 40px;
	margin-top: 0px;
}

#pswRecovery .recoveryButtonBlock a {
	color: #5088e4;
	font-size: 13px;
	font-family: "OpenSansRegular";
}
/* ============== */


/* Зарегистрироваться */
#signUp {
	width: 440px;
}

#signUp h3 {
	text-align: center;
}

#signUp .formWrap {
	padding-right: 50px;
}

#signUp form label {
	margin-right: 20px;
	line-height: 1.2;
	vertical-align: middle;
}

#signUp form .checkBoxBlock {
	margin-bottom: 28px;
	padding-left: 30px;
	text-align: left;
}

#signUp form .checkBoxBlock input[type=checkbox] {
	display: none;
}

#signUp form .checkBoxBlock label {
	color: #5088e4;
	font-size: 13px;
	font-family: "OpenSansRegular";
	text-transform: none;
}

#signUp form .checkBoxBlock input[type=checkbox]+label span {
	width: 23px;
	height: 23px;
	margin-right: 24px;
	background-color: #fff;
	display: inline-block;
	border: 3px solid #c5c5c5;
	border-radius: 2px;
	vertical-align: middle;
}

#signUp form .checkBoxBlock input[type=checkbox]:checked+label span {
	background-image: url(../img/right.png);
	background-repeat: no-repeat;
	background-position: center;
}

#signUp form .signUpButtonBlock button {
	width: 196px;
	margin-right: 15px;
	margin-top: 10px;
}

#signUp form .signUpButtonBlock a {
	color: #5088e4;
	font-size: 13px;
	font-family: "OpenSansRegular";
}

#signUp form .warningBlock {
	margin-top: -20px;
}
/* ============== */


/* SCROLLBAR SETTING */
::-webkit-scrollbar {
	width: 8px;
	height: 12px;
}

::-webkit-scrollbar-track {
	background: rgba(0, 0, 0, 0);
}

::-webkit-scrollbar-thumb {
	background: #ccdb38;
}